@carbon/ibm-products-web-components 0.21.1 → 0.22.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.
- package/custom-elements.json +102 -15
- package/es/components/about-modal/about-modal.d.ts +19 -3
- package/es/components/about-modal/about-modal.js +33 -2
- package/es/components/about-modal/about-modal.js.map +1 -1
- package/es/components/interstitial-screen/interstitial-screen-body-item.scss.js +1 -1
- package/es/components/interstitial-screen/interstitial-screen-body.d.ts +2 -0
- package/es/components/interstitial-screen/interstitial-screen-body.js +30 -6
- package/es/components/interstitial-screen/interstitial-screen-body.js.map +1 -1
- package/es/components/interstitial-screen/interstitial-screen-body.scss.js +1 -1
- package/es/components/interstitial-screen/interstitial-screen-footer.d.ts +3 -0
- package/es/components/interstitial-screen/interstitial-screen-footer.js +32 -3
- package/es/components/interstitial-screen/interstitial-screen-footer.js.map +1 -1
- package/es/components/interstitial-screen/interstitial-screen-footer.scss.js +1 -1
- package/es/components/interstitial-screen/interstitial-screen-header.d.ts +2 -0
- package/es/components/interstitial-screen/interstitial-screen-header.js +17 -1
- package/es/components/interstitial-screen/interstitial-screen-header.js.map +1 -1
- package/es/components/interstitial-screen/interstitial-screen.d.ts +9 -5
- package/es/components/interstitial-screen/interstitial-screen.js +45 -22
- package/es/components/interstitial-screen/interstitial-screen.js.map +1 -1
- package/es/components/interstitial-screen/interstitial-screen.test.d.ts +1 -0
- package/es/components/interstitial-screen/interstitial-screen.test.js +329 -0
- package/es/components/interstitial-screen/interstitial-screen.test.js.map +1 -0
- package/es/components/notification-panel/notification-panel.d.ts +6 -1
- package/es/components/notification-panel/notification-panel.js +27 -8
- package/es/components/notification-panel/notification-panel.js.map +1 -1
- package/es/components/notification-panel/notification-panel.test.js +53 -0
- package/es/components/notification-panel/notification-panel.test.js.map +1 -1
- package/es/components/options-tile/options-tile.d.ts +9 -2
- package/es/components/options-tile/options-tile.js +26 -12
- package/es/components/options-tile/options-tile.js.map +1 -1
- package/es/components/options-tile/options-tile.scss.js +1 -1
- package/es/components/options-tile/options-tile.test.js +7 -7
- package/es/components/options-tile/options-tile.test.js.map +1 -1
- package/es/components/page-header/_story-assets/set-of-tags/index.d.ts +9 -0
- package/es/components/page-header/_story-assets/set-of-tags/index.js +9 -0
- package/es/components/page-header/_story-assets/set-of-tags/index.js.map +1 -0
- package/es/components/page-header/_story-assets/set-of-tags/set-of-tags.d.ts +40 -0
- package/es/components/page-header/_story-assets/set-of-tags/set-of-tags.js +260 -0
- package/es/components/page-header/_story-assets/set-of-tags/set-of-tags.js.map +1 -0
- package/es/components/page-header/_story-assets/set-of-tags/set-of-tags.scss.js +13 -0
- package/es/components/page-header/_story-assets/set-of-tags/set-of-tags.scss.js.map +1 -0
- package/es/components/page-header/_story-assets/set-of-tags/utils.d.ts +23 -0
- package/es/components/page-header/_story-assets/set-of-tags/utils.js +44 -0
- package/es/components/page-header/_story-assets/set-of-tags/utils.js.map +1 -0
- package/es/components/page-header/context.d.ts +1 -0
- package/es/components/page-header/context.js +1 -0
- package/es/components/page-header/context.js.map +1 -1
- package/es/components/page-header/page-header-breadcrumb.d.ts +1 -0
- package/es/components/page-header/page-header-breadcrumb.js +14 -2
- package/es/components/page-header/page-header-breadcrumb.js.map +1 -1
- package/es/components/page-header/page-header-content.d.ts +1 -0
- package/es/components/page-header/page-header-content.js +12 -2
- package/es/components/page-header/page-header-content.js.map +1 -1
- package/es/components/page-header/page-header-title-breadcrumb.js +6 -0
- package/es/components/page-header/page-header-title-breadcrumb.js.map +1 -1
- package/es/components/page-header/page-header.d.ts +2 -0
- package/es/components/page-header/page-header.js +33 -1
- package/es/components/page-header/page-header.js.map +1 -1
- package/es/components/page-header/page-header.scss.js +1 -1
- package/es/components/side-panel/_story-assets/index.js +4 -0
- package/es/components/side-panel/_story-assets/index.js.map +1 -1
- package/es/components/side-panel/side-panel.d.ts +12 -13
- package/es/components/side-panel/side-panel.js +59 -89
- package/es/components/side-panel/side-panel.js.map +1 -1
- package/es/components/side-panel/side-panel.scss.js +1 -1
- package/es/components/truncated-text/truncated-text.js +25 -7
- package/es/components/truncated-text/truncated-text.js.map +1 -1
- package/es/components/truncated-text/truncated-text.scss.js +1 -1
- package/es/node_modules/@carbon/utilities/es/overflowHandler/overflowHandler.js +11 -0
- package/es/node_modules/@carbon/utilities/es/overflowHandler/overflowHandler.js.map +1 -0
- package/es/packages/ibm-products-web-components/package.json.js +1 -1
- package/es/utilities/carousel/carousel.d.ts +6 -0
- package/es/utilities/carousel/carousel.js +133 -2
- package/es/utilities/carousel/carousel.js.map +1 -1
- package/es/utilities/carousel/types.d.ts +1 -0
- package/es-custom/components/about-modal/about-modal.d.ts +19 -3
- package/es-custom/components/about-modal/about-modal.js +33 -2
- package/es-custom/components/about-modal/about-modal.js.map +1 -1
- package/es-custom/components/interstitial-screen/interstitial-screen-body-item.scss.js +1 -1
- package/es-custom/components/interstitial-screen/interstitial-screen-body.d.ts +2 -0
- package/es-custom/components/interstitial-screen/interstitial-screen-body.js +30 -6
- package/es-custom/components/interstitial-screen/interstitial-screen-body.js.map +1 -1
- package/es-custom/components/interstitial-screen/interstitial-screen-body.scss.js +1 -1
- package/es-custom/components/interstitial-screen/interstitial-screen-footer.d.ts +3 -0
- package/es-custom/components/interstitial-screen/interstitial-screen-footer.js +32 -3
- package/es-custom/components/interstitial-screen/interstitial-screen-footer.js.map +1 -1
- package/es-custom/components/interstitial-screen/interstitial-screen-footer.scss.js +1 -1
- package/es-custom/components/interstitial-screen/interstitial-screen-header.d.ts +2 -0
- package/es-custom/components/interstitial-screen/interstitial-screen-header.js +17 -1
- package/es-custom/components/interstitial-screen/interstitial-screen-header.js.map +1 -1
- package/es-custom/components/interstitial-screen/interstitial-screen.d.ts +9 -5
- package/es-custom/components/interstitial-screen/interstitial-screen.js +45 -22
- package/es-custom/components/interstitial-screen/interstitial-screen.js.map +1 -1
- package/es-custom/components/interstitial-screen/interstitial-screen.test.d.ts +1 -0
- package/es-custom/components/interstitial-screen/interstitial-screen.test.js +329 -0
- package/es-custom/components/interstitial-screen/interstitial-screen.test.js.map +1 -0
- package/es-custom/components/notification-panel/notification-panel.d.ts +6 -1
- package/es-custom/components/notification-panel/notification-panel.js +27 -8
- package/es-custom/components/notification-panel/notification-panel.js.map +1 -1
- package/es-custom/components/notification-panel/notification-panel.test.js +53 -0
- package/es-custom/components/notification-panel/notification-panel.test.js.map +1 -1
- package/es-custom/components/options-tile/options-tile.d.ts +9 -2
- package/es-custom/components/options-tile/options-tile.js +26 -12
- package/es-custom/components/options-tile/options-tile.js.map +1 -1
- package/es-custom/components/options-tile/options-tile.scss.js +1 -1
- package/es-custom/components/options-tile/options-tile.test.js +7 -7
- package/es-custom/components/options-tile/options-tile.test.js.map +1 -1
- package/es-custom/components/page-header/_story-assets/set-of-tags/index.d.ts +9 -0
- package/es-custom/components/page-header/_story-assets/set-of-tags/index.js +9 -0
- package/es-custom/components/page-header/_story-assets/set-of-tags/index.js.map +1 -0
- package/es-custom/components/page-header/_story-assets/set-of-tags/set-of-tags.d.ts +40 -0
- package/es-custom/components/page-header/_story-assets/set-of-tags/set-of-tags.js +260 -0
- package/es-custom/components/page-header/_story-assets/set-of-tags/set-of-tags.js.map +1 -0
- package/es-custom/components/page-header/_story-assets/set-of-tags/set-of-tags.scss.js +13 -0
- package/es-custom/components/page-header/_story-assets/set-of-tags/set-of-tags.scss.js.map +1 -0
- package/es-custom/components/page-header/_story-assets/set-of-tags/utils.d.ts +23 -0
- package/es-custom/components/page-header/_story-assets/set-of-tags/utils.js +44 -0
- package/es-custom/components/page-header/_story-assets/set-of-tags/utils.js.map +1 -0
- package/es-custom/components/page-header/context.d.ts +1 -0
- package/es-custom/components/page-header/context.js +1 -0
- package/es-custom/components/page-header/context.js.map +1 -1
- package/es-custom/components/page-header/page-header-breadcrumb.d.ts +1 -0
- package/es-custom/components/page-header/page-header-breadcrumb.js +14 -2
- package/es-custom/components/page-header/page-header-breadcrumb.js.map +1 -1
- package/es-custom/components/page-header/page-header-content.d.ts +1 -0
- package/es-custom/components/page-header/page-header-content.js +12 -2
- package/es-custom/components/page-header/page-header-content.js.map +1 -1
- package/es-custom/components/page-header/page-header-title-breadcrumb.js +6 -0
- package/es-custom/components/page-header/page-header-title-breadcrumb.js.map +1 -1
- package/es-custom/components/page-header/page-header.d.ts +2 -0
- package/es-custom/components/page-header/page-header.js +33 -1
- package/es-custom/components/page-header/page-header.js.map +1 -1
- package/es-custom/components/page-header/page-header.scss.js +1 -1
- package/es-custom/components/side-panel/_story-assets/index.js +4 -0
- package/es-custom/components/side-panel/_story-assets/index.js.map +1 -1
- package/es-custom/components/side-panel/side-panel.d.ts +12 -13
- package/es-custom/components/side-panel/side-panel.js +59 -89
- package/es-custom/components/side-panel/side-panel.js.map +1 -1
- package/es-custom/components/side-panel/side-panel.scss.js +1 -1
- package/es-custom/components/truncated-text/truncated-text.js +25 -7
- package/es-custom/components/truncated-text/truncated-text.js.map +1 -1
- package/es-custom/components/truncated-text/truncated-text.scss.js +1 -1
- package/es-custom/node_modules/@carbon/utilities/es/overflowHandler/overflowHandler.js +11 -0
- package/es-custom/node_modules/@carbon/utilities/es/overflowHandler/overflowHandler.js.map +1 -0
- package/es-custom/packages/ibm-products-web-components/package.json.js +1 -1
- package/es-custom/utilities/carousel/carousel.d.ts +6 -0
- package/es-custom/utilities/carousel/carousel.js +133 -2
- package/es-custom/utilities/carousel/carousel.js.map +1 -1
- package/es-custom/utilities/carousel/types.d.ts +1 -0
- package/lib/components/about-modal/about-modal.d.ts +19 -3
- package/lib/components/interstitial-screen/interstitial-screen-body.d.ts +2 -0
- package/lib/components/interstitial-screen/interstitial-screen-footer.d.ts +3 -0
- package/lib/components/interstitial-screen/interstitial-screen-header.d.ts +2 -0
- package/lib/components/interstitial-screen/interstitial-screen.d.ts +9 -5
- package/lib/components/interstitial-screen/interstitial-screen.test.d.ts +1 -0
- package/lib/components/notification-panel/notification-panel.d.ts +6 -1
- package/lib/components/options-tile/options-tile.d.ts +9 -2
- package/lib/components/page-header/_story-assets/set-of-tags/index.d.ts +9 -0
- package/lib/components/page-header/_story-assets/set-of-tags/set-of-tags.d.ts +40 -0
- package/lib/components/page-header/_story-assets/set-of-tags/utils.d.ts +23 -0
- package/lib/components/page-header/context.d.ts +1 -0
- package/lib/components/page-header/page-header-breadcrumb.d.ts +1 -0
- package/lib/components/page-header/page-header-content.d.ts +1 -0
- package/lib/components/page-header/page-header.d.ts +2 -0
- package/lib/components/side-panel/side-panel.d.ts +12 -13
- package/lib/utilities/carousel/carousel.d.ts +6 -0
- package/lib/utilities/carousel/types.d.ts +1 -0
- package/package.json +4 -3
- package/scss/components/interstitial-screen/interstitial-screen-body-item.scss +1 -1
- package/scss/components/interstitial-screen/interstitial-screen-body.scss +0 -1
- package/scss/components/interstitial-screen/interstitial-screen-footer.scss +0 -1
- package/scss/components/options-tile/options-tile.scss +8 -2
- package/scss/components/options-tile/story-styles.scss +21 -0
- package/scss/components/page-header/_story-assets/set-of-tags/set-of-tags.scss +94 -0
- package/scss/components/page-header/page-header.scss +69 -33
- package/scss/components/truncated-text/truncated-text.scss +4 -0
@@ -0,0 +1,329 @@
|
|
1
|
+
/**
|
2
|
+
* Copyright IBM Corp. 2024
|
3
|
+
*
|
4
|
+
* This source code is licensed under the Apache-2.0 license found in the
|
5
|
+
* LICENSE file in the root directory of this source tree.
|
6
|
+
*/
|
7
|
+
|
8
|
+
import { describe, it, expect, vi, beforeEach } from 'vitest';
|
9
|
+
import { fixture, oneEvent, html } from '@open-wc/testing';
|
10
|
+
import './interstitial-screen.js';
|
11
|
+
import './interstitial-screen-header.js';
|
12
|
+
import './interstitial-screen-body.js';
|
13
|
+
import './interstitial-screen-body-item.js';
|
14
|
+
import CDSInterstitialScreenFooter from './interstitial-screen-footer.js';
|
15
|
+
import { interstitialDetailsSignal } from './interstitial-screen-context.js';
|
16
|
+
|
17
|
+
/**
|
18
|
+
* Copyright IBM Corp. 2025
|
19
|
+
*
|
20
|
+
* This source code is licensed under the Apache-2.0 license found in the
|
21
|
+
* LICENSE file in the root directory of this source tree.
|
22
|
+
*/
|
23
|
+
const templateSingleStep = (args = {}) => {
|
24
|
+
return html `
|
25
|
+
<c4p-interstitial-screen ?fullscreen=${args.fullscreen} ?open=${args.open}>
|
26
|
+
<c4p-interstitial-screen-header
|
27
|
+
header-title="Use case-specific title"
|
28
|
+
header-subtitle="Use case-specific sub title"
|
29
|
+
closeIconDescription="Close"
|
30
|
+
></c4p-interstitial-screen-header>
|
31
|
+
|
32
|
+
<c4p-interstitial-screen-body>
|
33
|
+
<c4p-interstitial-screen-body-item id="${1}">
|
34
|
+
<div
|
35
|
+
role="complementary"
|
36
|
+
aria-label="Use case-specific heading"
|
37
|
+
class="c4p--interstitial-screen-view"
|
38
|
+
>
|
39
|
+
<section class="bodyText">body text</section>
|
40
|
+
</div></c4p-interstitial-screen-body-item
|
41
|
+
>
|
42
|
+
</c4p-interstitial-screen-body>
|
43
|
+
|
44
|
+
<c4p-interstitial-screen-footer></c4p-interstitial-screen-footer>
|
45
|
+
</c4p-interstitial-screen>
|
46
|
+
`;
|
47
|
+
};
|
48
|
+
const templateMultiStep = (args = {}) => {
|
49
|
+
return html `
|
50
|
+
<c4p-interstitial-screen ?fullscreen=${args.fullscreen} ?open="true">
|
51
|
+
<c4p-interstitial-screen-header
|
52
|
+
header-title="Use case-specific title"
|
53
|
+
header-subtitle="Use case-specific sub title
|
54
|
+
|
55
|
+
"
|
56
|
+
></c4p-interstitial-screen-header>
|
57
|
+
|
58
|
+
<c4p-interstitial-screen-body>
|
59
|
+
<c4p-interstitial-screen-body-item id="${1}" stepTitle="step 1">
|
60
|
+
<div
|
61
|
+
role="complementary"
|
62
|
+
aria-label="Use case-specific heading"
|
63
|
+
class="c4p--interstitial-screen-view"
|
64
|
+
>
|
65
|
+
<section>
|
66
|
+
<h1>Use case-specific heading 1</h1>
|
67
|
+
</section>
|
68
|
+
</div></c4p-interstitial-screen-body-item
|
69
|
+
>
|
70
|
+
<c4p-interstitial-screen-body-item id="${2}" stepTitle="step 2">
|
71
|
+
<div
|
72
|
+
role="complementary"
|
73
|
+
aria-label="Use case-specific heading"
|
74
|
+
class="c4p--interstitial-screen-view"
|
75
|
+
>
|
76
|
+
<section>
|
77
|
+
<h1>Use case-specific heading 2</h1>
|
78
|
+
</section>
|
79
|
+
</div></c4p-interstitial-screen-body-item
|
80
|
+
>
|
81
|
+
<c4p-interstitial-screen-body-item id="${3}" stepTitle="step 3">
|
82
|
+
<div
|
83
|
+
role="complementary"
|
84
|
+
aria-label="Use case-specific heading"
|
85
|
+
class="c4p--interstitial-screen-view"
|
86
|
+
>
|
87
|
+
<section>
|
88
|
+
<h1>Use case-specific heading 3</h1>
|
89
|
+
</section>
|
90
|
+
</div></c4p-interstitial-screen-body-item
|
91
|
+
>
|
92
|
+
</c4p-interstitial-screen-body>
|
93
|
+
|
94
|
+
<c4p-interstitial-screen-footer></c4p-interstitial-screen-footer>
|
95
|
+
</c4p-interstitial-screen>
|
96
|
+
`;
|
97
|
+
};
|
98
|
+
const prefix = 'c4p';
|
99
|
+
describe('c4p-interstitial-screen', function () {
|
100
|
+
it('should render single step modal variant', async () => {
|
101
|
+
var _a, _b, _c, _d, _e, _f, _g, _h;
|
102
|
+
const el = await fixture(templateSingleStep({ fullscreen: false, open: true }));
|
103
|
+
// Header
|
104
|
+
const header = el === null || el === void 0 ? void 0 : el.querySelector(`${prefix}-interstitial-screen-header`);
|
105
|
+
const headerShadow = header.shadowRoot;
|
106
|
+
const headerTitle = (_b = (_a = headerShadow.querySelector('h1')) === null || _a === void 0 ? void 0 : _a.textContent) === null || _b === void 0 ? void 0 : _b.trim();
|
107
|
+
const headerSubTitle = (_d = (_c = headerShadow
|
108
|
+
.querySelector('h2')) === null || _c === void 0 ? void 0 : _c.textContent) === null || _d === void 0 ? void 0 : _d.trim();
|
109
|
+
expect(headerTitle).to.equal('Use case-specific title');
|
110
|
+
expect(headerSubTitle).to.equal('Use case-specific sub title');
|
111
|
+
// Body
|
112
|
+
const body = el === null || el === void 0 ? void 0 : el.querySelector(`${prefix}-interstitial-screen-body`);
|
113
|
+
const bodyItem = body === null || body === void 0 ? void 0 : body.querySelector(`${prefix}-interstitial-screen-body-item`);
|
114
|
+
const contentText = (_f = (_e = bodyItem === null || bodyItem === void 0 ? void 0 : bodyItem.querySelector('.bodyText')) === null || _e === void 0 ? void 0 : _e.textContent) === null || _f === void 0 ? void 0 : _f.trim();
|
115
|
+
expect(contentText).to.equal('body text');
|
116
|
+
// Footer
|
117
|
+
const footer = el === null || el === void 0 ? void 0 : el.querySelector(`${prefix}-interstitial-screen-footer`);
|
118
|
+
const footerShadow = footer.shadowRoot;
|
119
|
+
const startButtonText = (_h = (_g = footerShadow
|
120
|
+
.querySelector('cds-button')) === null || _g === void 0 ? void 0 : _g.textContent) === null || _h === void 0 ? void 0 : _h.trim();
|
121
|
+
expect(startButtonText).to.equal('Get Started');
|
122
|
+
});
|
123
|
+
it('responds to hasCloseIcon and renders closeIconDescription', async () => {
|
124
|
+
var _a, _b, _c;
|
125
|
+
const el = (await fixture(templateSingleStep({ open: true, fullscreen: false })));
|
126
|
+
expect(el === null || el === void 0 ? void 0 : el.open).toBeTruthy();
|
127
|
+
const header = el === null || el === void 0 ? void 0 : el.querySelector(`${prefix}-interstitial-screen-header`);
|
128
|
+
expect(header === null || header === void 0 ? void 0 : header.closeIconDescription).toBe('Close');
|
129
|
+
const headerEle = (_a = header.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('cds-modal-header');
|
130
|
+
expect(headerEle).to.exist;
|
131
|
+
const closeButton = (_c = (_b = headerEle === null || headerEle === void 0 ? void 0 : headerEle.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('slot')) === null || _c === void 0 ? void 0 : _c.assignedNodes({ flatten: true }).find((node) => node.nodeName.toLowerCase() === 'cds-modal-close-button');
|
132
|
+
expect(closeButton).to.exist;
|
133
|
+
// Capture both events
|
134
|
+
const beforeClosePromise = oneEvent(el, 'c4p-interstitial-beingclosed');
|
135
|
+
const closePromise = oneEvent(el, 'c4p-interstitial-closed');
|
136
|
+
closeButton === null || closeButton === void 0 ? void 0 : closeButton.click();
|
137
|
+
await el.updateComplete;
|
138
|
+
// Wait for the first event
|
139
|
+
const beforeCloseEvent = await beforeClosePromise;
|
140
|
+
expect(beforeCloseEvent.type).to.equal('c4p-interstitial-beingclosed');
|
141
|
+
expect(beforeCloseEvent.defaultPrevented).to.be.false;
|
142
|
+
// Wait for the second event
|
143
|
+
const closeEvent = await closePromise;
|
144
|
+
expect(closeEvent.type).to.equal('c4p-interstitial-closed');
|
145
|
+
expect(el === null || el === void 0 ? void 0 : el.open).to.be.false;
|
146
|
+
});
|
147
|
+
it('should render multi step modal variant', async () => {
|
148
|
+
var _a, _b, _c, _d, _e, _f, _g, _h;
|
149
|
+
const el = await fixture(templateMultiStep({ fullscreen: false}));
|
150
|
+
//verify c4p-interstitial-opened is dispatched
|
151
|
+
const eventPromise = oneEvent(el, 'c4p-interstitial-opened');
|
152
|
+
el.open = true;
|
153
|
+
await el.updateComplete;
|
154
|
+
const event = await eventPromise;
|
155
|
+
expect(event).to.exist;
|
156
|
+
expect(event.type).to.equal('c4p-interstitial-opened');
|
157
|
+
// Header
|
158
|
+
const header = el === null || el === void 0 ? void 0 : el.querySelector(`${prefix}-interstitial-screen-header`);
|
159
|
+
const headerShadow = header.shadowRoot;
|
160
|
+
const headerTitle = (_b = (_a = headerShadow.querySelector('h1')) === null || _a === void 0 ? void 0 : _a.textContent) === null || _b === void 0 ? void 0 : _b.trim();
|
161
|
+
const headerSubTitle = (_d = (_c = headerShadow
|
162
|
+
.querySelector('h2')) === null || _c === void 0 ? void 0 : _c.textContent) === null || _d === void 0 ? void 0 : _d.trim();
|
163
|
+
expect(headerTitle).to.equal('Use case-specific title');
|
164
|
+
expect(headerSubTitle).to.equal('Use case-specific sub title');
|
165
|
+
//progress indicator
|
166
|
+
const progressIndicatorStepsLength = (_e = headerShadow === null || headerShadow === void 0 ? void 0 : headerShadow.querySelector(`cds-progress-indicator`)) === null || _e === void 0 ? void 0 : _e.children.length;
|
167
|
+
expect(progressIndicatorStepsLength).to.be.equal(3);
|
168
|
+
//check step 1 is active
|
169
|
+
const step1 = (_f = headerShadow === null || headerShadow === void 0 ? void 0 : headerShadow.querySelector(`cds-progress-indicator`)) === null || _f === void 0 ? void 0 : _f.children[0];
|
170
|
+
expect(step1 === null || step1 === void 0 ? void 0 : step1.getAttribute('label')).to.equal('step 1');
|
171
|
+
expect(step1 === null || step1 === void 0 ? void 0 : step1.getAttribute('state')).to.equal('current');
|
172
|
+
// check content is of step 1
|
173
|
+
const body = el === null || el === void 0 ? void 0 : el.querySelector(`${prefix}-interstitial-screen-body`);
|
174
|
+
const bodyItem = body === null || body === void 0 ? void 0 : body.querySelector(`${prefix}-interstitial-screen-body-item`);
|
175
|
+
const contentText = (_h = (_g = bodyItem === null || bodyItem === void 0 ? void 0 : bodyItem.querySelector('h1')) === null || _g === void 0 ? void 0 : _g.textContent) === null || _h === void 0 ? void 0 : _h.trim();
|
176
|
+
expect(contentText).to.equal('Use case-specific heading 1');
|
177
|
+
});
|
178
|
+
it('step navigation using footer action buttons', async () => {
|
179
|
+
var _a, _b, _c, _d, _e, _f, _g;
|
180
|
+
const el = await fixture(templateMultiStep({ fullscreen: false}));
|
181
|
+
// Header
|
182
|
+
const header = el.querySelector(`${prefix}-interstitial-screen-header`);
|
183
|
+
const headerShadow = header.shadowRoot;
|
184
|
+
// Step 1 active
|
185
|
+
let stepIndicator = headerShadow.querySelector(`cds-progress-indicator`);
|
186
|
+
const step1 = stepIndicator === null || stepIndicator === void 0 ? void 0 : stepIndicator.children[0];
|
187
|
+
expect(step1 === null || step1 === void 0 ? void 0 : step1.getAttribute('label')).to.equal('step 1');
|
188
|
+
expect(step1 === null || step1 === void 0 ? void 0 : step1.getAttribute('state')).to.equal('current');
|
189
|
+
// Step 1 content check
|
190
|
+
const body = el.querySelector(`${prefix}-interstitial-screen-body`);
|
191
|
+
const bodyItem = body.querySelector(`${prefix}-interstitial-screen-body-item`);
|
192
|
+
expect((_b = (_a = bodyItem === null || bodyItem === void 0 ? void 0 : bodyItem.querySelector('h1')) === null || _a === void 0 ? void 0 : _a.textContent) === null || _b === void 0 ? void 0 : _b.trim()).to.equal('Use case-specific heading 1');
|
193
|
+
// Footer
|
194
|
+
const footer = el.querySelector(`${prefix}-interstitial-screen-footer`);
|
195
|
+
const footerShadow = footer.shadowRoot;
|
196
|
+
const nextButton = footerShadow.querySelector('.c4p--interstitial-screen--next-btn');
|
197
|
+
// Go to Step 2
|
198
|
+
nextButton.click();
|
199
|
+
(_c = body
|
200
|
+
.querySelectorAll(`${prefix}-interstitial-screen-body-item`)[1]) === null || _c === void 0 ? void 0 : _c.dispatchEvent(new Event('transitionend', { bubbles: true }));
|
201
|
+
await el.updateComplete;
|
202
|
+
await Promise.all([footer.updateComplete, header.updateComplete]);
|
203
|
+
stepIndicator = headerShadow.querySelector(`cds-progress-indicator`);
|
204
|
+
const step2 = stepIndicator === null || stepIndicator === void 0 ? void 0 : stepIndicator.children[1];
|
205
|
+
expect(step2 === null || step2 === void 0 ? void 0 : step2.getAttribute('label')).to.equal('step 2');
|
206
|
+
expect(step2 === null || step2 === void 0 ? void 0 : step2.getAttribute('state')).to.equal('current');
|
207
|
+
// Go to Step 3
|
208
|
+
nextButton.click();
|
209
|
+
(_d = body
|
210
|
+
.querySelectorAll(`${prefix}-interstitial-screen-body-item`)[2]) === null || _d === void 0 ? void 0 : _d.dispatchEvent(new Event('transitionend', { bubbles: true }));
|
211
|
+
await el.updateComplete;
|
212
|
+
await Promise.all([footer.updateComplete, header.updateComplete]);
|
213
|
+
stepIndicator = headerShadow.querySelector(`cds-progress-indicator`);
|
214
|
+
const step3 = stepIndicator === null || stepIndicator === void 0 ? void 0 : stepIndicator.children[2];
|
215
|
+
expect(step3 === null || step3 === void 0 ? void 0 : step3.getAttribute('label')).to.equal('step 3');
|
216
|
+
expect(step3 === null || step3 === void 0 ? void 0 : step3.getAttribute('state')).to.equal('current');
|
217
|
+
// Back to Step 2
|
218
|
+
const backButton = footerShadow.querySelector('.c4p--interstitial-screen--prev-btn');
|
219
|
+
expect(backButton).to.exist;
|
220
|
+
backButton.click();
|
221
|
+
(_e = body
|
222
|
+
.querySelectorAll(`${prefix}-interstitial-screen-body-item`)[1]) === null || _e === void 0 ? void 0 : _e.dispatchEvent(new Event('transitionend', { bubbles: true }));
|
223
|
+
await el.updateComplete;
|
224
|
+
await Promise.all([footer.updateComplete, header.updateComplete]);
|
225
|
+
stepIndicator = headerShadow.querySelector(`cds-progress-indicator`);
|
226
|
+
expect((_f = stepIndicator === null || stepIndicator === void 0 ? void 0 : stepIndicator.children[1]) === null || _f === void 0 ? void 0 : _f.getAttribute('state')).to.equal('current');
|
227
|
+
// Forward to Step 3 again
|
228
|
+
nextButton.click();
|
229
|
+
(_g = body
|
230
|
+
.querySelectorAll(`${prefix}-interstitial-screen-body-item`)[2]) === null || _g === void 0 ? void 0 : _g.dispatchEvent(new Event('transitionend', { bubbles: true }));
|
231
|
+
await el.updateComplete;
|
232
|
+
await Promise.all([footer.updateComplete, header.updateComplete]);
|
233
|
+
const startButton = footerShadow.querySelector('.c4p--interstitial-screen--start-btn');
|
234
|
+
expect(startButton).to.exist;
|
235
|
+
// Close component
|
236
|
+
startButton.click();
|
237
|
+
await el.updateComplete;
|
238
|
+
expect(el.open).to.be.false;
|
239
|
+
});
|
240
|
+
it('should render single step fullscreen variant', async () => {
|
241
|
+
const el = await fixture(templateSingleStep({ fullscreen: true, open: true }));
|
242
|
+
expect(el === null || el === void 0 ? void 0 : el.isFullScreen).to.be.true;
|
243
|
+
const style = getComputedStyle(el);
|
244
|
+
expect(style.position).to.equal('fixed');
|
245
|
+
// Header
|
246
|
+
const header = el === null || el === void 0 ? void 0 : el.querySelector(`${prefix}-interstitial-screen-header`);
|
247
|
+
expect(header).to.exist;
|
248
|
+
// Body
|
249
|
+
const body = el === null || el === void 0 ? void 0 : el.querySelector(`${prefix}-interstitial-screen-body`);
|
250
|
+
expect(body).to.exist;
|
251
|
+
const footer = el === null || el === void 0 ? void 0 : el.querySelector(`${prefix}-interstitial-screen-footer`);
|
252
|
+
expect(footer).to.exist;
|
253
|
+
});
|
254
|
+
describe('handleAction', () => {
|
255
|
+
let component;
|
256
|
+
const mockCarouselAPI = {
|
257
|
+
next: vi.fn(),
|
258
|
+
prev: vi.fn(),
|
259
|
+
};
|
260
|
+
const mockDetails = {
|
261
|
+
currentStep: 1,
|
262
|
+
stepDetails: [
|
263
|
+
{ stepTitle: 'Step 1', id: 1 },
|
264
|
+
{ stepTitle: 'Step 2', id: 2 },
|
265
|
+
{ stepTitle: 'Step 3', id: 3 },
|
266
|
+
],
|
267
|
+
carouselAPI: mockCarouselAPI,
|
268
|
+
isFullScreen: false,
|
269
|
+
disableActions: {
|
270
|
+
next: false,
|
271
|
+
back: false,
|
272
|
+
cancel: false,
|
273
|
+
},
|
274
|
+
};
|
275
|
+
beforeEach(() => {
|
276
|
+
component = new CDSInterstitialScreenFooter();
|
277
|
+
component.asyncAction = true;
|
278
|
+
interstitialDetailsSignal.get = vi.fn(() => mockDetails);
|
279
|
+
mockCarouselAPI.next.mockClear();
|
280
|
+
mockCarouselAPI.prev.mockClear();
|
281
|
+
});
|
282
|
+
it('should dispatch "c4p-on-action" and proceed when allowed', async () => {
|
283
|
+
const dispatchSpy = vi
|
284
|
+
.spyOn(component, 'dispatchEvent')
|
285
|
+
.mockImplementation((event) => {
|
286
|
+
expect(event.type).toBe('c4p-on-action');
|
287
|
+
event.detail.proceed(true);
|
288
|
+
return true;
|
289
|
+
});
|
290
|
+
await component['handleAction']('next');
|
291
|
+
expect(dispatchSpy).toHaveBeenCalled();
|
292
|
+
expect(mockCarouselAPI.next).toHaveBeenCalled();
|
293
|
+
expect(component.loadingAction).toBe('');
|
294
|
+
});
|
295
|
+
it('should cancel if proceed(false) is called', async () => {
|
296
|
+
vi.spyOn(component, 'dispatchEvent').mockImplementation((event) => {
|
297
|
+
expect(event.type).toBe('c4p-on-action');
|
298
|
+
event.detail.proceed(false);
|
299
|
+
return true;
|
300
|
+
});
|
301
|
+
await component['handleAction']('next');
|
302
|
+
expect(mockCarouselAPI.next).not.toHaveBeenCalled();
|
303
|
+
expect(component.loadingAction).toBe('');
|
304
|
+
});
|
305
|
+
it('should cancel if event is canceled (dispatchEvent returns false)', async () => {
|
306
|
+
vi.spyOn(component, 'dispatchEvent').mockReturnValue(false);
|
307
|
+
await component['handleAction']('next');
|
308
|
+
expect(mockCarouselAPI.next).not.toHaveBeenCalled();
|
309
|
+
});
|
310
|
+
it('should call prev if actionType is "back"', async () => {
|
311
|
+
vi.spyOn(component, 'dispatchEvent').mockImplementation((event) => {
|
312
|
+
event.detail.proceed(true);
|
313
|
+
return true;
|
314
|
+
});
|
315
|
+
await component['handleAction']('back');
|
316
|
+
expect(mockCarouselAPI.prev).toHaveBeenCalled();
|
317
|
+
});
|
318
|
+
it('should call _handleUserInitiatedClose if actionType is not "next" or "back"', async () => {
|
319
|
+
component._handleUserInitiatedClose = vi.fn();
|
320
|
+
vi.spyOn(component, 'dispatchEvent').mockImplementation((event) => {
|
321
|
+
event.detail.proceed(true);
|
322
|
+
return true;
|
323
|
+
});
|
324
|
+
await component['handleAction']('skip');
|
325
|
+
expect(component._handleUserInitiatedClose).toHaveBeenCalledWith('skip');
|
326
|
+
});
|
327
|
+
});
|
328
|
+
});
|
329
|
+
//# sourceMappingURL=interstitial-screen.test.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"interstitial-screen.test.js","sources":["../../../src/components/interstitial-screen/interstitial-screen.test.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}
|
@@ -10,6 +10,7 @@ import { LitElement } from 'lit';
|
|
10
10
|
import '@carbon/web-components/es/components/button/index.js';
|
11
11
|
import '@carbon/web-components/es/components/toggle/index.js';
|
12
12
|
import '@carbon/web-components/es/components/icon-button/index.js';
|
13
|
+
import '@carbon-labs/wc-empty-state/es/index.js';
|
13
14
|
declare const CDSNotificationPanel_base: {
|
14
15
|
new (...args: any[]): {
|
15
16
|
_handles: Set<import("@carbon/web-components/es/globals/internal/handle").default>;
|
@@ -392,6 +393,10 @@ declare class CDSNotificationPanel extends CDSNotificationPanel_base {
|
|
392
393
|
* Sets the label text for the "Dismiss all" button in the Notification panel
|
393
394
|
*/
|
394
395
|
dismissAllLabel: any;
|
396
|
+
/**
|
397
|
+
* Sets the empty state label text when there are no notifications
|
398
|
+
*/
|
399
|
+
emptyStateLabel: any;
|
395
400
|
/**
|
396
401
|
* Sets the label text for the "Do Not Disturb" toggle in the Notification panel
|
397
402
|
*/
|
@@ -446,7 +451,7 @@ declare class CDSNotificationPanel extends CDSNotificationPanel_base {
|
|
446
451
|
*/
|
447
452
|
static get eventClickOutside(): string;
|
448
453
|
/**
|
449
|
-
* The name of the custom event fired after
|
454
|
+
* The name of the custom event fired after dismiss all button click
|
450
455
|
*/
|
451
456
|
static get eventDismissAll(): string;
|
452
457
|
/**
|
@@ -20,6 +20,7 @@ import { dateTimeLocaleContext } from './date-time-context.js';
|
|
20
20
|
import '@carbon/web-components/es/components/button/index.js';
|
21
21
|
import '@carbon/web-components/es/components/toggle/index.js';
|
22
22
|
import '@carbon/web-components/es/components/icon-button/index.js';
|
23
|
+
import '@carbon-labs/wc-empty-state/es/index.js';
|
23
24
|
|
24
25
|
/**
|
25
26
|
* @license
|
@@ -50,8 +51,8 @@ let CDSNotificationPanel = class CDSNotificationPanel extends HostListenerMixin(
|
|
50
51
|
* Determines whether the notifications panel should render or not
|
51
52
|
*/
|
52
53
|
this.open = false;
|
53
|
-
this._hasTodayContent =
|
54
|
-
this._hasPreviousContent =
|
54
|
+
this._hasTodayContent = false;
|
55
|
+
this._hasPreviousContent = false;
|
55
56
|
this._handleKeydown = ({ key, target }) => {
|
56
57
|
var _a;
|
57
58
|
if (key === 'Escape') {
|
@@ -186,12 +187,16 @@ let CDSNotificationPanel = class CDSNotificationPanel extends HostListenerMixin(
|
|
186
187
|
}
|
187
188
|
}
|
188
189
|
render() {
|
189
|
-
const { titleText, todayText, previousText, dismissAllLabel, doNotDisturbLabel, open, _hasTodayContent, _hasPreviousContent, _onDismissAllNotifications: onDismissAllNotifications, _handleToggle: handleToggle, } = this;
|
190
|
+
const { titleText, todayText, previousText, dismissAllLabel, emptyStateLabel, doNotDisturbLabel, open, _hasTodayContent, _hasPreviousContent, _onDismissAllNotifications: onDismissAllNotifications, _handleToggle: handleToggle, } = this;
|
190
191
|
const classes = classMap({
|
191
192
|
[`${blockClass}__container`]: true,
|
192
193
|
[`${blockClass}__entrance`]: open,
|
193
194
|
[`${blockClass}__exit`]: !open,
|
194
195
|
});
|
196
|
+
const mainSectionClasses = classMap({
|
197
|
+
[`${blockClass}__main-section`]: true,
|
198
|
+
[`${blockClass}__main-section-empty`]: !_hasTodayContent && !_hasPreviousContent,
|
199
|
+
});
|
195
200
|
return html `
|
196
201
|
<div role="dialog" tabindex="0" class=${classes}>
|
197
202
|
<div class="${blockClass}__header-container">
|
@@ -216,7 +221,7 @@ let CDSNotificationPanel = class CDSNotificationPanel extends HostListenerMixin(
|
|
216
221
|
@cds-toggle-changed=${handleToggle}
|
217
222
|
></cds-toggle>
|
218
223
|
</div>
|
219
|
-
<div class
|
224
|
+
<div class=${mainSectionClasses}>
|
220
225
|
${_hasTodayContent
|
221
226
|
? html `
|
222
227
|
<h3
|
@@ -237,10 +242,21 @@ let CDSNotificationPanel = class CDSNotificationPanel extends HostListenerMixin(
|
|
237
242
|
`
|
238
243
|
: ''}
|
239
244
|
<slot name="previous"></slot>
|
245
|
+
${!_hasTodayContent && !_hasPreviousContent
|
246
|
+
? html ` <slot name="empty-state">
|
247
|
+
<clabs-empty-state
|
248
|
+
subtitle="${emptyStateLabel}"
|
249
|
+
kind="notifications"
|
250
|
+
>
|
251
|
+
</clabs-empty-state>
|
252
|
+
</slot>`
|
253
|
+
: ''}
|
240
254
|
</div>
|
241
|
-
|
242
|
-
|
243
|
-
|
255
|
+
${_hasTodayContent || _hasPreviousContent
|
256
|
+
? html `<div class="${blockClass}__bottom-actions-container">
|
257
|
+
<slot name="footer"></slot>
|
258
|
+
</div>`
|
259
|
+
: ''}
|
244
260
|
</div>
|
245
261
|
`;
|
246
262
|
}
|
@@ -344,7 +360,7 @@ let CDSNotificationPanel = class CDSNotificationPanel extends HostListenerMixin(
|
|
344
360
|
return `${prefix}-notification-click-outside`;
|
345
361
|
}
|
346
362
|
/**
|
347
|
-
* The name of the custom event fired after
|
363
|
+
* The name of the custom event fired after dismiss all button click
|
348
364
|
*/
|
349
365
|
static get eventDismissAll() {
|
350
366
|
return `${prefix}-notification-dismiss-all`;
|
@@ -372,6 +388,9 @@ __decorate([
|
|
372
388
|
__decorate([
|
373
389
|
property({ type: String, attribute: 'dismiss-all-label' })
|
374
390
|
], CDSNotificationPanel.prototype, "dismissAllLabel", void 0);
|
391
|
+
__decorate([
|
392
|
+
property({ type: String, attribute: 'empty-state-label' })
|
393
|
+
], CDSNotificationPanel.prototype, "emptyStateLabel", void 0);
|
375
394
|
__decorate([
|
376
395
|
property({ type: String, attribute: 'donot-disturb-label' })
|
377
396
|
], CDSNotificationPanel.prototype, "doNotDisturbLabel", void 0);
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"notification-panel.js","sources":["../../../src/components/notification-panel/notification-panel.ts"],"sourcesContent":[null],"names":["customElement"],"mappings":"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"}
|
1
|
+
{"version":3,"file":"notification-panel.js","sources":["../../../src/components/notification-panel/notification-panel.ts"],"sourcesContent":[null],"names":["customElement"],"mappings":"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"}
|
@@ -283,5 +283,58 @@ describe('c4p-notification-panel', () => {
|
|
283
283
|
await elementUpdated(panel);
|
284
284
|
expect(document.activeElement).not.toBe(triggerButton);
|
285
285
|
});
|
286
|
+
it('should render notifications empty state', async () => {
|
287
|
+
var _a;
|
288
|
+
const props = defaultProps;
|
289
|
+
const panel = await fixture(html ` <c4p-notification-panel
|
290
|
+
?open=${props.open}
|
291
|
+
title-text=${props.titleText}
|
292
|
+
dismiss-all-label=${props.dismissAllLabel}
|
293
|
+
donot-disturb-label=${props.doNotDisturbLabel}
|
294
|
+
today-text=${props.todayText}
|
295
|
+
previous-text=${props.previousText}
|
296
|
+
date-time-locale="${props.dateTimeLocale}"
|
297
|
+
></c4p-notification-panel>`);
|
298
|
+
const slot = (_a = panel.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(`slot[name="empty-state"]`);
|
299
|
+
expect(slot).toBeTruthy();
|
300
|
+
});
|
301
|
+
it('should display the "emptyStateLabel" prop as the label for the empty state message', async () => {
|
302
|
+
var _a;
|
303
|
+
const props = defaultProps;
|
304
|
+
const panel = await fixture(html ` <c4p-notification-panel
|
305
|
+
?open=${props.open}
|
306
|
+
title-text=${props.titleText}
|
307
|
+
dismiss-all-label=${props.dismissAllLabel}
|
308
|
+
empty-state-label="No notifications yet!"
|
309
|
+
donot-disturb-label=${props.doNotDisturbLabel}
|
310
|
+
today-text=${props.todayText}
|
311
|
+
previous-text=${props.previousText}
|
312
|
+
date-time-locale="${props.dateTimeLocale}"
|
313
|
+
></c4p-notification-panel>`);
|
314
|
+
const emptyStateEl = (_a = panel.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(`clabs-empty-state`);
|
315
|
+
expect(emptyStateEl).toBeTruthy();
|
316
|
+
expect(emptyStateEl === null || emptyStateEl === void 0 ? void 0 : emptyStateEl.getAttribute('subtitle')).to.equal('No notifications yet!');
|
317
|
+
});
|
318
|
+
it('should render custom empty state component', async () => {
|
319
|
+
var _a, _b;
|
320
|
+
const props = defaultProps;
|
321
|
+
const panel = await fixture(html ` <c4p-notification-panel
|
322
|
+
?open=${props.open}
|
323
|
+
title-text=${props.titleText}
|
324
|
+
dismiss-all-label=${props.dismissAllLabel}
|
325
|
+
empty-state-label="No notifications yet!"
|
326
|
+
donot-disturb-label=${props.doNotDisturbLabel}
|
327
|
+
today-text=${props.todayText}
|
328
|
+
previous-text=${props.previousText}
|
329
|
+
date-time-locale="${props.dateTimeLocale}"
|
330
|
+
>
|
331
|
+
<div slot="empty-state">
|
332
|
+
<span class="empty-state-message">empty state message</span>
|
333
|
+
</div>
|
334
|
+
</c4p-notification-panel>`);
|
335
|
+
const slot = (_a = panel.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(`slot[name="empty-state"]`);
|
336
|
+
const node = slot.assignedNodes()[0];
|
337
|
+
expect((_b = node === null || node === void 0 ? void 0 : node.querySelector('.empty-state-message')) === null || _b === void 0 ? void 0 : _b.textContent).toBe('empty state message');
|
338
|
+
});
|
286
339
|
});
|
287
340
|
//# sourceMappingURL=notification-panel.test.js.map
|