@carbon/ibm-products-web-components 0.30.0-rc.0 → 0.31.0-rc.0

package/es/components/checklist/checklist.test.js

@@ -0,0 +1,172 @@
+/**
+ * Copyright IBM Corp. 2024
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import { describe, beforeEach, it, expect } from 'vitest';
+import { fixture, html, oneEvent, elementUpdated } from '@open-wc/testing';
+import { prefix, carbonPrefix } from '../../globals/settings.js';
+import CDSChecklist from './checklist.js';
+import CDSChecklistItem from './checklist-item.js';
+import { Kinds } from './checklist.types.js';
+import './checklist-group.js';
+import './checklist-chart.js';
+import './checklist-icon.js';
+
+/**
+ * Copyright IBM Corp. 2025
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+const blockClass = `${prefix}--checklist`;
+describe('c4p-checklist', () => {
+    let el;
+    beforeEach(async () => {
+        el = await fixture(html `
+      <c4p-checklist
+        title="Test Title"
+        chart-label="5 out of 10 tasks completed"
+        chart-value="0.5"
+        toggle-label="Toggle"
+        toggle-label-align="top"
+        toggle-aria-label="Toggle"
+        view-all-label="View All"
+      ></c4p-checklist>
+    `);
+    });
+    it('renders with default properties', () => {
+        const shadow = el.shadowRoot;
+        // Render title
+        expect(shadow.textContent).to.include('Test Title');
+        // Render chartLabel
+        expect(shadow.textContent).to.include('5 out of 10 tasks completed');
+        // Render chart
+        const chart = shadow.querySelector(`.${blockClass}__chart`);
+        expect(chart).to.exist;
+        // Render toggle button
+        const toggleButton = shadow.querySelector(`.${blockClass}__toggle`);
+        expect(toggleButton).to.exist;
+        // Checklist should be in collapsed state
+        expect(el.open).to.be.false;
+    });
+    it('toggles open state and fires checklistToggle event', async () => {
+        const shadow = el.shadowRoot;
+        const toggleButton = shadow.querySelector(`.${blockClass}__toggle`);
+        // Listen for event before clicking
+        setTimeout(() => toggleButton === null || toggleButton === void 0 ? void 0 : toggleButton.click());
+        const ev = await oneEvent(el, CDSChecklist.checklistToggle);
+        // Verify open property updated
+        expect(el.open).to.be.true;
+        expect(ev).to.exist;
+    });
+    it('fires checklistViewAll event on viewAll button click', async () => {
+        const shadow = el.shadowRoot;
+        const link = Array.from(shadow.querySelectorAll(`${carbonPrefix}-link`)).find((a) => { var _a; return ((_a = a.textContent) === null || _a === void 0 ? void 0 : _a.trim()) === 'View All'; });
+        expect(link).toBeTruthy();
+        setTimeout(() => link === null || link === void 0 ? void 0 : link.click());
+        const ev = await oneEvent(el, CDSChecklist.checklistViewAll);
+        expect(ev).to.exist;
+    });
+    it('does not render toggle button if disableToggle is true', async () => {
+        el = await fixture(html `
+      <c4p-checklist
+        title="Test Title"
+        chart-label="5 out of 10 tasks completed"
+        chart-value="0.5"
+        disable-toggle
+        toggle-label="Toggle"
+        toggle-label-align="top"
+        toggle-aria-label="Toggle"
+        view-all-label="View All"
+      ></c4p-checklist>
+    `);
+        await elementUpdated(el);
+        const shadow = el.shadowRoot;
+        const toggleBtn = shadow.querySelector(`.${blockClass}__toggle`);
+        expect(toggleBtn).to.be.null;
+    });
+});
+describe('c4p-checklist-group', () => {
+    let el;
+    beforeEach(async () => {
+        el = await fixture(html `
+      <c4p-checklist-group title="Test Title"></c4p-checklist-group>
+    `);
+    });
+    it('renders group title', () => {
+        var _a, _b;
+        expect((_b = (_a = el
+            .shadowRoot.querySelector(`.${blockClass}__list-title`)) === null || _a === void 0 ? void 0 : _a.textContent) === null || _b === void 0 ? void 0 : _b.trim()).toBe('Test Title');
+    });
+    it('renders an empty list when no content is provided', () => {
+        const ol = el.shadowRoot.querySelector('ol');
+        expect(ol).to.exist;
+        expect(ol.querySelector('li')).to.be.null;
+    });
+    it('renders checklist items provided via slot', async () => {
+        var _a;
+        el = await fixture(html `
+      <c4p-checklist-group title="Test Title">
+        <c4p-checklist-item
+          label="task 1"
+          status="completed"
+        ></c4p-checklist-item>
+        <c4p-checklist-item
+          label="task 2"
+          status="in progress"
+        ></c4p-checklist-item>
+        <c4p-checklist-item
+          label="task 3"
+          status="not started"
+        ></c4p-checklist-item>
+      </c4p-checklist-group>
+    `);
+        await elementUpdated(el);
+        const slot = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('slot');
+        expect(slot).toBeDefined();
+        // Retrieve the assigned custom elements
+        const checklistItems = slot
+            .assignedElements()
+            .filter((el) => el.tagName.toLowerCase() === 'c4p-checklist-item');
+        expect(checklistItems).toHaveLength(3);
+    });
+});
+describe('c4p-checklist-item', () => {
+    const label = 'Test Label';
+    const status = 'in progress';
+    const clickable = true;
+    let el;
+    beforeEach(async () => {
+        el = await fixture(html `
+      <c4p-checklist-item
+        .label=${label}
+        .status=${status}
+        .clickable=${clickable}
+      ></c4p-checklist-item>
+    `);
+    });
+    it('renders item with correct classes', async () => {
+        var _a, _b;
+        const itemEl = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(`.${blockClass}__label`);
+        expect(itemEl).to.exist;
+        expect(itemEl === null || itemEl === void 0 ? void 0 : itemEl.classList.contains(`${blockClass}__label--clickable`)).to.be
+            .true;
+        expect((_b = itemEl === null || itemEl === void 0 ? void 0 : itemEl.textContent) === null || _b === void 0 ? void 0 : _b.trim()).to.equal(label);
+    });
+    it('dispatches "checklistItemClicked" event on click', async () => {
+        var _a;
+        const itemEl = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(`.${blockClass}__label--clickable`);
+        // Use oneEvent to await the custom event
+        setTimeout(() => itemEl === null || itemEl === void 0 ? void 0 : itemEl.click());
+        const event = await oneEvent(el, CDSChecklistItem.checklistItemClicked);
+        expect(event).to.exist;
+    });
+    it('maps status to correct kind', () => {
+        expect(el['_mapStatusToKind'](status)).to.equal(Kinds.indeterminate);
+        expect(el['_mapStatusToKind']('unknown')).to.equal(Kinds.error);
+    });
+});
+//# sourceMappingURL=checklist.test.js.map

package/es/components/checklist/checklist.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"checklist.test.js","sources":["../../../src/components/checklist/checklist.test.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}

package/es/components/checklist/checklist.types.d.ts

@@ -0,0 +1,22 @@
+/**
+ * Copyright IBM Corp. 2025
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+export declare enum Kinds {
+    unchecked = "unchecked",
+    indeterminate = "indeterminate",
+    checked = "checked",
+    disabled = "disabled",
+    error = "error"
+}
+export type Kind = Kinds.unchecked | Kinds.indeterminate | Kinds.checked | Kinds.disabled | Kinds.error;
+export declare enum Statuses {
+    NotStarted = "not started",
+    InProgress = "in progress",
+    Completed = "completed",
+    Error = "error",
+    Disabled = "disabled"
+}
+export type Status = Statuses.NotStarted | Statuses.InProgress | Statuses.Completed | Statuses.Error | Statuses.Disabled;

package/es/components/checklist/checklist.types.js

@@ -0,0 +1,32 @@
+/**
+ * Copyright IBM Corp. 2024
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+/**
+ * Copyright IBM Corp. 2025
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var Kinds;
+(function (Kinds) {
+    Kinds["unchecked"] = "unchecked";
+    Kinds["indeterminate"] = "indeterminate";
+    Kinds["checked"] = "checked";
+    Kinds["disabled"] = "disabled";
+    Kinds["error"] = "error";
+})(Kinds || (Kinds = {}));
+var Statuses;
+(function (Statuses) {
+    Statuses["NotStarted"] = "not started";
+    Statuses["InProgress"] = "in progress";
+    Statuses["Completed"] = "completed";
+    Statuses["Error"] = "error";
+    Statuses["Disabled"] = "disabled";
+})(Statuses || (Statuses = {}));
+
+export { Kinds, Statuses };
+//# sourceMappingURL=checklist.types.js.map

package/es/components/checklist/checklist.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"checklist.types.js","sources":["../../../src/components/checklist/checklist.types.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;AAAA;;;;;AAKG;IAES;AAAZ,CAAA,UAAY,KAAK,EAAA;AACf,IAAA,KAAA,CAAA,WAAA,CAAA,GAAA,WAAuB;AACvB,IAAA,KAAA,CAAA,eAAA,CAAA,GAAA,eAA+B;AAC/B,IAAA,KAAA,CAAA,SAAA,CAAA,GAAA,SAAmB;AACnB,IAAA,KAAA,CAAA,UAAA,CAAA,GAAA,UAAqB;AACrB,IAAA,KAAA,CAAA,OAAA,CAAA,GAAA,OAAe;AACjB,CAAC,EANW,KAAK,KAAL,KAAK,GAMhB,EAAA,CAAA,CAAA;IASW;AAAZ,CAAA,UAAY,QAAQ,EAAA;AAClB,IAAA,QAAA,CAAA,YAAA,CAAA,GAAA,aAA0B;AAC1B,IAAA,QAAA,CAAA,YAAA,CAAA,GAAA,aAA0B;AAC1B,IAAA,QAAA,CAAA,WAAA,CAAA,GAAA,WAAuB;AACvB,IAAA,QAAA,CAAA,OAAA,CAAA,GAAA,OAAe;AACf,IAAA,QAAA,CAAA,UAAA,CAAA,GAAA,UAAqB;AACvB,CAAC,EANW,QAAQ,KAAR,QAAQ,GAMnB,EAAA,CAAA,CAAA;;;;"}

package/es/components/checklist/index.d.ts

@@ -0,0 +1,13 @@
+/**
+ * @license
+ *
+ * Copyright IBM Corp. 2025
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import './checklist-group';
+import './checklist-item';
+import './checklist-chart';
+import './checklist-icon';
+import './checklist';

package/es/components/checklist/index.js

@@ -0,0 +1,13 @@
+/**
+ * Copyright IBM Corp. 2024
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import './checklist-group.js';
+import './checklist-item.js';
+import './checklist-chart.js';
+import './checklist-icon.js';
+import './checklist.js';
+//# sourceMappingURL=index.js.map

package/es/components/checklist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;"}