@uva-glass/component-library 3.55.4 → 3.55.5

package/dist/components/RteEditor/nodes/TableWrapperNode/TableWrapperNode.js

@@ -1,9 +1,9 @@
 import { t as e } from "../../../../LexicalComposerContext.prod-Ca-YN_fj.js";
-import { Nn as t, St as n, fn as r, nt as i, o as a, r as o } from "../../../../Lexical.prod-DIglXatJ.js";
-import { g as s, s as c } from "../../../../LexicalUtils.prod-BBTLliac.js";
+import { $ as t, Pn as n, fn as r, kt as i, m as a, r as o } from "../../../../Lexical.prod-sbwgNRjw.js";
+import { g as s, s as c } from "../../../../LexicalUtils.prod-DjjGkphN.js";
 import { useEffect as l } from "react";
 //#region src/components/RteEditor/nodes/TableWrapperNode/TableWrapperNode.tsx
-var u = class e extends a {
+var u = class e extends t {
 	static getType() {
 		return "tableWrapper";
 	}
@@ -18,8 +18,8 @@ var u = class e extends a {
 		return !1;
 	}
 	insertNewAfter(e, t) {
-		let r = n(), i = this.getDirection();
-		return r.setDirection(i), this.insertAfter(r, t), r;
+		let n = i(), r = this.getDirection();
+		return n.setDirection(r), this.insertAfter(n, t), n;
 	}
 };
 function d() {
@@ -30,30 +30,30 @@ function f(e) {
 }
 var p = r("insertTableWrapperNode"), m = r("removeTableWrapperNode");
 function h() {
-	let [r] = e();
-	if (!r.hasNodes([u])) throw Error("TableWrapperPlugin: TableWrapperNode is not registered on editor");
+	let [t] = e();
+	if (!t.hasNodes([u])) throw Error("TableWrapperPlugin: TableWrapperNode is not registered on editor");
 	return l(() => {
-		let e = r.registerCommand(p, () => {
+		let e = t.registerCommand(p, () => {
 			let e = o();
-			return t(e) && s(e, d), !0;
-		}, 2), a = r.registerCommand(m, () => {
+			return n(e) && s(e, d), !0;
+		}, 2), r = t.registerCommand(m, () => {
 			let e = o();
-			if (t(e)) {
+			if (n(e)) {
 				let t = e.anchor.getNode();
-				if (!i(t)) return !1;
-				let r = c(t, u);
+				if (!a(t)) return !1;
+				let n = c(t, u);
+				if (!n) return !1;
+				let r = n?.getChildren();
 				if (!r) return !1;
-				let a = r?.getChildren();
-				if (!a) return !1;
-				let o = n();
-				a.forEach((e) => o.append(e)), r.replace(o);
+				let o = i();
+				r.forEach((e) => o.append(e)), n.replace(o);
 			}
 			return !0;
 		}, 2);
 		return () => {
-			e(), a();
+			e(), r();
 		};
-	}, [r]), null;
+	}, [t]), null;
 }
 //#endregion
 export { d as $createTableWrapperNode, f as $isTableWrapperNode, p as INSERT_TABLE_WRAPPER, m as REMOVE_TABLE_WRAPPER, u as TableWrapperNode, h as TableWrapperPlugin };

package/dist/components/SelectListbox/SelectListBox.stories.js

@@ -1,4 +1,4 @@
-import { r as e } from "../../test-DQruvi8i.js";
+import { r as e } from "../../test-Cr_l59hN.js";
 import { SelectListbox as t } from "./SelectListbox.js";
 import "react";
 import { jsx as n, jsxs as r } from "react/jsx-runtime";

package/dist/components/Sortable/Sortable.js

@@ -1,4 +1,4 @@
-import { t as e } from "../../SortableProvider-Dc7hwkb5.js";
+import { t as e } from "../../SortableProvider-8HYiBXJS.js";
 import { SortableItem as t } from "./components/SortableItem.js";
 import { Children as n } from "react";
 import { jsx as r } from "react/jsx-runtime";

package/dist/components/Sortable/Sortable.stories.js

@@ -1,4 +1,4 @@
-import { r as e } from "../../test-DQruvi8i.js";
+import { r as e } from "../../test-Cr_l59hN.js";
 import { Icon as t } from "../Icon/Icon.js";
 import { Button as n } from "../Buttons/Button.js";
 import { t as r } from "../../InputField-BWAy19w9.js";

package/dist/components/Sortable/SortableProvider.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "../../SortableProvider-Dc7hwkb5.js";
+import { n as e, t } from "../../SortableProvider-8HYiBXJS.js";
 export { t as SortableProvider, e as useSortable };

package/dist/components/Sortable/components/SortableContainer.js

@@ -1,2 +1,2 @@
-import { r as e } from "../../../SortableProvider-Dc7hwkb5.js";
+import { r as e } from "../../../SortableProvider-8HYiBXJS.js";
 export { e as SortableContainer };

package/dist/components/Sortable/components/SortableHandle.js

@@ -1,5 +1,5 @@
 import { Icon as e } from "../../Icon/Icon.js";
-import { t } from "../../../Sortable.module-BTUOSbOU.js";
+import { t } from "../../../Sortable.module-8SoaHfuE.js";
 import { jsx as n } from "react/jsx-runtime";
 //#region src/components/Sortable/components/SortableHandle.tsx
 var r = "ontouchstart" in globalThis.document.documentElement;

package/dist/components/Sortable/components/SortableItem.js

@@ -1,8 +1,8 @@
 import { t as e } from "../../../clsx-BD2qMUU1.js";
 import { Icon as t } from "../../Icon/Icon.js";
-import { t as n } from "../../../Sortable.module-BTUOSbOU.js";
+import { t as n } from "../../../Sortable.module-8SoaHfuE.js";
 import { SortableHandle as r } from "./SortableHandle.js";
-import { n as i } from "../../../SortableProvider-Dc7hwkb5.js";
+import { n as i } from "../../../SortableProvider-8HYiBXJS.js";
 import { useEffect as a, useRef as o, useState as s } from "react";
 import { Fragment as c, jsx as l, jsxs as u } from "react/jsx-runtime";
 //#region src/components/Sortable/components/SortableItem.tsx

package/dist/components/Spinner/Spinner.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../Spinner-D8tWqg9j.js";
+import { t as e } from "../../Spinner-BpElTDIu.js";
 export { e as Spinner };

package/dist/components/Spinner/Spinner.stories.js

@@ -1,4 +1,4 @@
-import { t as e } from "../../Spinner-D8tWqg9j.js";
+import { t as e } from "../../Spinner-BpElTDIu.js";
 import { jsx as t } from "react/jsx-runtime";
 var n = {
 	title: "Atoms/Spinner",

package/dist/components/Spinner/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../Spinner-D8tWqg9j.js";
+import { t as e } from "../../Spinner-BpElTDIu.js";
 export { e as Spinner };

package/dist/components/StatusBadge/StatusBadge.test.js

@@ -1,9 +1,6 @@
-import "../../dist-2TKCXdYZ.js";
-import "../../lib-6BbFZdI7.js";
+import "../../dist-BIkFjHck.js";
 import { t as e } from "../../StatusBage-DQDOF5-U.js";
-import "../../test-utils-BSs0eZfL.js";
-import "../../client-UU-mS47K.js";
-import { i as t, n } from "../../react.esm-CzIhAqlo.js";
+import { i as t, n } from "../../react.esm-R7eBXTUI.js";
 import { jsx as r } from "react/jsx-runtime";
 //#region src/components/StatusBadge/StatusBadge.test.tsx
 describe("StatusBadge", () => {

package/dist/components/StatusBadge/StatusBadge.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"StatusBadge.test.js","names":[],"sources":["../../../src/components/StatusBadge/StatusBadge.test.tsx"],"sourcesContent":["import '@testing-library/jest-dom';\nimport { render, screen } from '@testing-library/react';\n\nimport { StatusBadge } from './StatusBage';\n\ndescribe('StatusBadge', () => {\n  it('should render with message', () => {\n    render(<StatusBadge label=\"Status message\" />);\n    expect(screen.getByText('Status message')).toBeInTheDocument();\n  });\n\n  it('should render with highContract', () => {\n    render(<StatusBadge label=\"Status message\" highContrast={true} />);\n    expect(screen.getByText('Status message')).toHaveClass('statusbadge--high-contrast');\n  });\n});\n"],"mappings":";;;;;;;;AAKA,SAAS,qBAAqB;AAM5B,CALA,GAAG,oCAAoC;AAErC,EADA,EAAO,kBAAC,GAAD,EAAa,OAAM,kBAAmB,CAAA,CAAC,EAC9C,OAAO,EAAO,UAAU,iBAAiB,CAAC,CAAC,mBAAmB;GAC9D,EAEF,GAAG,yCAAyC;AAE1C,EADA,EAAO,kBAAC,GAAD;GAAa,OAAM;GAAiB,cAAc;GAAQ,CAAA,CAAC,EAClE,OAAO,EAAO,UAAU,iBAAiB,CAAC,CAAC,YAAY,6BAA6B;GACpF;EACF"}
+{"version":3,"file":"StatusBadge.test.js","names":[],"sources":["../../../src/components/StatusBadge/StatusBadge.test.tsx"],"sourcesContent":["import '@testing-library/jest-dom';\nimport { render, screen } from '@testing-library/react';\n\nimport { StatusBadge } from './StatusBage';\n\ndescribe('StatusBadge', () => {\n  it('should render with message', () => {\n    render(<StatusBadge label=\"Status message\" />);\n    expect(screen.getByText('Status message')).toBeInTheDocument();\n  });\n\n  it('should render with highContract', () => {\n    render(<StatusBadge label=\"Status message\" highContrast={true} />);\n    expect(screen.getByText('Status message')).toHaveClass('statusbadge--high-contrast');\n  });\n});\n"],"mappings":";;;;;AAKA,SAAS,qBAAqB;AAM5B,CALA,GAAG,oCAAoC;AAErC,EADA,EAAO,kBAAC,GAAD,EAAa,OAAM,kBAAmB,CAAA,CAAC,EAC9C,OAAO,EAAO,UAAU,iBAAiB,CAAC,CAAC,mBAAmB;GAC9D,EAEF,GAAG,yCAAyC;AAE1C,EADA,EAAO,kBAAC,GAAD;GAAa,OAAM;GAAiB,cAAc;GAAQ,CAAA,CAAC,EAClE,OAAO,EAAO,UAAU,iBAAiB,CAAC,CAAC,YAAY,6BAA6B;GACpF;EACF"}

package/dist/components/TextArea/TextArea.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../TextArea-DqKIpOfT.js";
+import { t as e } from "../../TextArea-CuASC9bX.js";
 export { e as TextArea };

package/dist/components/TextArea/TextArea.stories.js

@@ -1,5 +1,5 @@
-import { r as e } from "../../test-DQruvi8i.js";
-import { t } from "../../TextArea-DqKIpOfT.js";
+import { r as e } from "../../test-Cr_l59hN.js";
+import { t } from "../../TextArea-CuASC9bX.js";
 import { jsx as n } from "react/jsx-runtime";
 var r = {
 	title: "Atoms/TextArea",

package/dist/components/TextArea/TextArea.test.js

@@ -1,10 +1,7 @@
-import "../../dist-2TKCXdYZ.js";
-import "../../lib-6BbFZdI7.js";
-import { t as e } from "../../TextArea-DqKIpOfT.js";
-import "../../test-utils-BSs0eZfL.js";
-import "../../client-UU-mS47K.js";
-import { i as t, n, t as r } from "../../react.esm-CzIhAqlo.js";
-import { t as i } from "../../esm-UNe_gmRA.js";
+import "../../dist-BIkFjHck.js";
+import { t as e } from "../../TextArea-CuASC9bX.js";
+import { i as t, n, t as r } from "../../react.esm-R7eBXTUI.js";
+import { t as i } from "../../esm-ipAmzhQq.js";
 import { jsx as a } from "react/jsx-runtime";
 //#region src/components/TextArea/TextArea.test.tsx
 describe("TextArea", () => {

package/dist/components/TextArea/TextArea.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextArea.test.js","names":[],"sources":["../../../src/components/TextArea/TextArea.test.tsx"],"sourcesContent":["import '@testing-library/jest-dom';\nimport { render, screen, fireEvent } from '@testing-library/react';\nimport userEvent from '@testing-library/user-event';\n\nimport { TextArea } from './TextArea';\n\ndescribe('TextArea', () => {\n  it('should render correctly with label', () => {\n    render(<TextArea onChange={jest.fn()} label=\"Test Label\" />);\n    expect(screen.getByText('Test Label')).toBeInTheDocument();\n  });\n\n  it('should call onChange when text is entered', () => {\n    const handleChange = jest.fn();\n    render(<TextArea onChange={handleChange} />);\n\n    const textarea = screen.getByRole('textbox');\n    fireEvent.input(textarea, { target: { value: 'Hello' } });\n    expect(handleChange).toHaveBeenCalledWith('Hello');\n  });\n\n  it('should update character count', () => {\n    render(<TextArea onChange={jest.fn()} label=\"Test\" maxCharacters={10} />);\n\n    const textarea = screen.getByRole('textbox');\n    fireEvent.input(textarea, { target: { value: 'Test' } });\n\n    expect(screen.getByText('4')).toBeInTheDocument();\n    expect(screen.getByText('/ 10')).toBeInTheDocument();\n  });\n\n  it('should not exceed max characters limit', async () => {\n    const handleChange = jest.fn();\n    render(<TextArea onChange={handleChange} maxCharacters={5} />);\n\n    const textarea = screen.getByRole('textbox');\n\n    await userEvent.type(textarea, 'ExceedsLimit');\n\n    expect(handleChange).toHaveBeenCalled();\n    // eslint-disable-next-line @typescript-eslint/no-magic-numbers\n    expect(handleChange.mock.calls[handleChange.mock.calls.length - 1][0].length).toBe(5);\n  });\n});\n"],"mappings":";;;;;;;;;AAMA,SAAS,kBAAkB;AAyBzB,CAxBA,GAAG,4CAA4C;AAE7C,EADA,EAAO,kBAAC,GAAD;GAAU,UAAU,KAAK,IAAI;GAAE,OAAM;GAAe,CAAA,CAAC,EAC5D,OAAO,EAAO,UAAU,aAAa,CAAC,CAAC,mBAAmB;GAC1D,EAEF,GAAG,mDAAmD;EACpD,IAAM,IAAe,KAAK,IAAI;AAC9B,IAAO,kBAAC,GAAD,EAAU,UAAU,GAAgB,CAAA,CAAC;EAE5C,IAAM,IAAW,EAAO,UAAU,UAAU;AAE5C,EADA,EAAU,MAAM,GAAU,EAAE,QAAQ,EAAE,OAAO,SAAS,EAAE,CAAC,EACzD,OAAO,EAAa,CAAC,qBAAqB,QAAQ;GAClD,EAEF,GAAG,uCAAuC;AACxC,IAAO,kBAAC,GAAD;GAAU,UAAU,KAAK,IAAI;GAAE,OAAM;GAAO,eAAe;GAAM,CAAA,CAAC;EAEzE,IAAM,IAAW,EAAO,UAAU,UAAU;AAI5C,EAHA,EAAU,MAAM,GAAU,EAAE,QAAQ,EAAE,OAAO,QAAQ,EAAE,CAAC,EAExD,OAAO,EAAO,UAAU,IAAI,CAAC,CAAC,mBAAmB,EACjD,OAAO,EAAO,UAAU,OAAO,CAAC,CAAC,mBAAmB;GACpD,EAEF,GAAG,0CAA0C,YAAY;EACvD,IAAM,IAAe,KAAK,IAAI;AAC9B,IAAO,kBAAC,GAAD;GAAU,UAAU;GAAc,eAAe;GAAK,CAAA,CAAC;EAE9D,IAAM,IAAW,EAAO,UAAU,UAAU;AAM5C,EAJA,MAAM,EAAU,KAAK,GAAU,eAAe,EAE9C,OAAO,EAAa,CAAC,kBAAkB,EAEvC,OAAO,EAAa,KAAK,MAAM,EAAa,KAAK,MAAM,SAAS,GAAG,GAAG,OAAO,CAAC,KAAK,EAAE;GACrF;EACF"}
+{"version":3,"file":"TextArea.test.js","names":[],"sources":["../../../src/components/TextArea/TextArea.test.tsx"],"sourcesContent":["import '@testing-library/jest-dom';\nimport { render, screen, fireEvent } from '@testing-library/react';\nimport userEvent from '@testing-library/user-event';\n\nimport { TextArea } from './TextArea';\n\ndescribe('TextArea', () => {\n  it('should render correctly with label', () => {\n    render(<TextArea onChange={jest.fn()} label=\"Test Label\" />);\n    expect(screen.getByText('Test Label')).toBeInTheDocument();\n  });\n\n  it('should call onChange when text is entered', () => {\n    const handleChange = jest.fn();\n    render(<TextArea onChange={handleChange} />);\n\n    const textarea = screen.getByRole('textbox');\n    fireEvent.input(textarea, { target: { value: 'Hello' } });\n    expect(handleChange).toHaveBeenCalledWith('Hello');\n  });\n\n  it('should update character count', () => {\n    render(<TextArea onChange={jest.fn()} label=\"Test\" maxCharacters={10} />);\n\n    const textarea = screen.getByRole('textbox');\n    fireEvent.input(textarea, { target: { value: 'Test' } });\n\n    expect(screen.getByText('4')).toBeInTheDocument();\n    expect(screen.getByText('/ 10')).toBeInTheDocument();\n  });\n\n  it('should not exceed max characters limit', async () => {\n    const handleChange = jest.fn();\n    render(<TextArea onChange={handleChange} maxCharacters={5} />);\n\n    const textarea = screen.getByRole('textbox');\n\n    await userEvent.type(textarea, 'ExceedsLimit');\n\n    expect(handleChange).toHaveBeenCalled();\n    // eslint-disable-next-line @typescript-eslint/no-magic-numbers\n    expect(handleChange.mock.calls[handleChange.mock.calls.length - 1][0].length).toBe(5);\n  });\n});\n"],"mappings":";;;;;;AAMA,SAAS,kBAAkB;AAyBzB,CAxBA,GAAG,4CAA4C;AAE7C,EADA,EAAO,kBAAC,GAAD;GAAU,UAAU,KAAK,IAAI;GAAE,OAAM;GAAe,CAAA,CAAC,EAC5D,OAAO,EAAO,UAAU,aAAa,CAAC,CAAC,mBAAmB;GAC1D,EAEF,GAAG,mDAAmD;EACpD,IAAM,IAAe,KAAK,IAAI;AAC9B,IAAO,kBAAC,GAAD,EAAU,UAAU,GAAgB,CAAA,CAAC;EAE5C,IAAM,IAAW,EAAO,UAAU,UAAU;AAE5C,EADA,EAAU,MAAM,GAAU,EAAE,QAAQ,EAAE,OAAO,SAAS,EAAE,CAAC,EACzD,OAAO,EAAa,CAAC,qBAAqB,QAAQ;GAClD,EAEF,GAAG,uCAAuC;AACxC,IAAO,kBAAC,GAAD;GAAU,UAAU,KAAK,IAAI;GAAE,OAAM;GAAO,eAAe;GAAM,CAAA,CAAC;EAEzE,IAAM,IAAW,EAAO,UAAU,UAAU;AAI5C,EAHA,EAAU,MAAM,GAAU,EAAE,QAAQ,EAAE,OAAO,QAAQ,EAAE,CAAC,EAExD,OAAO,EAAO,UAAU,IAAI,CAAC,CAAC,mBAAmB,EACjD,OAAO,EAAO,UAAU,OAAO,CAAC,CAAC,mBAAmB;GACpD,EAEF,GAAG,0CAA0C,YAAY;EACvD,IAAM,IAAe,KAAK,IAAI;AAC9B,IAAO,kBAAC,GAAD;GAAU,UAAU;GAAc,eAAe;GAAK,CAAA,CAAC;EAE9D,IAAM,IAAW,EAAO,UAAU,UAAU;AAM5C,EAJA,MAAM,EAAU,KAAK,GAAU,eAAe,EAE9C,OAAO,EAAa,CAAC,kBAAkB,EAEvC,OAAO,EAAa,KAAK,MAAM,EAAa,KAAK,MAAM,SAAS,GAAG,GAAG,OAAO,CAAC,KAAK,EAAE;GACrF;EACF"}

package/dist/components/TextArea/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../TextArea-DqKIpOfT.js";
+import { t as e } from "../../TextArea-CuASC9bX.js";
 export { e as TextArea };

package/dist/components/ToggleSwitch/ToggleSwitch.stories.js

@@ -1,4 +1,4 @@
-import { r as e } from "../../test-DQruvi8i.js";
+import { r as e } from "../../test-Cr_l59hN.js";
 import { t } from "../../ToggleSwitch-C7z7JVtx.js";
 import { jsx as n } from "react/jsx-runtime";
 var r = {

package/dist/components/Tooltip/Tooltip.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../Tooltip-BzB3jznk.js";
+import { t as e } from "../../Tooltip-D27p9kh4.js";
 export { e as Tooltip };

package/dist/components/Tooltip/Tooltip.stories.js

@@ -1,4 +1,4 @@
-import { t as e } from "../../Tooltip-BzB3jznk.js";
+import { t as e } from "../../Tooltip-D27p9kh4.js";
 import { t } from "../../Container-BLjtYDqq.js";
 import "../../storyComponents/Container/index.js";
 import { jsx as n } from "react/jsx-runtime";

package/dist/components/Tooltip/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../Tooltip-BzB3jznk.js";
+import { t as e } from "../../Tooltip-D27p9kh4.js";
 export { e as Tooltip };

package/dist/components/VarIndicator/VarIndicator.stories.js

@@ -1,4 +1,4 @@
-import { r as e } from "../../test-DQruvi8i.js";
+import { r as e } from "../../test-Cr_l59hN.js";
 import { t } from "../../VarIndicator-C-GueOZD.js";
 import { jsx as n } from "react/jsx-runtime";
 //#region src/components/VarIndicator/VarIndicator.stories.tsx

package/dist/components/VarIndicator/VarIndicator.test.js

@@ -1,10 +1,7 @@
-import "../../dist-2TKCXdYZ.js";
-import "../../lib-6BbFZdI7.js";
+import "../../dist-BIkFjHck.js";
 import { t as e } from "../../VarIndicator-C-GueOZD.js";
-import "../../test-utils-BSs0eZfL.js";
-import "../../client-UU-mS47K.js";
-import { a as t, i as n, n as r } from "../../react.esm-CzIhAqlo.js";
-import { t as i } from "../../esm-UNe_gmRA.js";
+import { a as t, i as n, n as r } from "../../react.esm-R7eBXTUI.js";
+import { t as i } from "../../esm-ipAmzhQq.js";
 import { useState as a } from "react";
 import { jsx as o } from "react/jsx-runtime";
 //#region src/components/VarIndicator/VarIndicator.test.tsx

package/dist/components/VarIndicator/VarIndicator.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"VarIndicator.test.js","names":[],"sources":["../../../src/components/VarIndicator/VarIndicator.test.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-magic-numbers */\nimport '@testing-library/jest-dom';\nimport { render, screen, waitFor } from '@testing-library/react';\nimport userEvent from '@testing-library/user-event';\nimport { useState } from 'react';\n\nimport { VarIndicator } from './VarIndicator';\n\nconst LABELS = {\n  DRAFT: 'Concept',\n  REJECTED: 'Concept',\n  SUBMITTED: 'Verificatie',\n  ACTIVE: 'Actief',\n};\n\njest.mock('components/Icon', () => ({\n  Icon: ({ name }: { name: string }) => <svg data-testid={name} />,\n}));\n\nconst TestWrapper = () => {\n  const [currentStep, setCurrentStep] = useState(1);\n  return (\n    // When clicked the onClick callback updates currentStep from 1 to 2.\n    <VarIndicator\n      label={LABELS}\n      variant=\"SUBMITTED\"\n      maxSteps={3}\n      currentStep={currentStep}\n      onClick={() => setCurrentStep(2)}\n    />\n  );\n};\n\ndescribe('VarIndicator', () => {\n  const onClickSpy = jest.fn();\n\n  beforeEach(() => {\n    onClickSpy.mockClear();\n  });\n\n  it('should render Concept (DRAFT)', () => {\n    render(<VarIndicator label={LABELS} variant=\"DRAFT\" />);\n    expect(screen.getByText('Concept')).toBeInTheDocument();\n  });\n\n  it('should render Concept (REJECTED)', () => {\n    render(<VarIndicator label={LABELS} variant=\"REJECTED\" />);\n    expect(screen.getByText('Concept')).toBeInTheDocument();\n  });\n\n  it('should render Concept (ACTIVE)', () => {\n    render(<VarIndicator label={LABELS} variant=\"ACTIVE\" />);\n    expect(screen.getByText('Actief')).toBeInTheDocument();\n  });\n\n  it('should render dots (SUBMITTED)', () => {\n    render(<VarIndicator label={LABELS} variant=\"SUBMITTED\" maxSteps={3} currentStep={0} />);\n    expect(screen.getByText('Verificatie')).toBeInTheDocument();\n    expect(screen.getAllByTestId('CircleSmall')).toHaveLength(3);\n    expect(screen.queryByTestId('CircleSmallFilled')).not.toBeInTheDocument();\n  });\n\n  it('should render filled dots when currentStep != 0 (SUBMITTED)', () => {\n    render(<VarIndicator label={LABELS} variant=\"SUBMITTED\" maxSteps={3} currentStep={1} onClick={onClickSpy} />);\n    const verificationButton = screen.getByText('Verificatie');\n    expect(verificationButton).toBeInTheDocument();\n    expect(screen.getAllByTestId('CircleSmallFilled')).toHaveLength(1);\n    expect(screen.getAllByTestId('CircleSmall')).toHaveLength(2);\n  });\n\n  it('should render filled dots currentStep is updated (SUBMITTED)', async () => {\n    render(<TestWrapper />);\n    expect(screen.getAllByTestId('CircleSmallFilled')).toHaveLength(1);\n    expect(screen.getAllByTestId('CircleSmall')).toHaveLength(2);\n    const verificationButton = screen.getByText('Verificatie');\n    await userEvent.click(verificationButton);\n    await waitFor(() => {\n      expect(screen.getAllByTestId('CircleSmallFilled')).toHaveLength(2);\n    });\n    await waitFor(() => {\n      expect(screen.getAllByTestId('CircleSmall')).toHaveLength(1);\n    });\n  });\n});\n"],"mappings":";;;;;;;;;;AAQA,IAAM,IAAS;CACb,OAAO;CACP,UAAU;CACV,WAAW;CACX,QAAQ;CACT;AAED,KAAK,KAAK,0BAA0B,EAClC,OAAO,EAAE,cAA6B,kBAAC,OAAD,EAAK,eAAa,GAAQ,CAAA,EACjE,EAAE;AAEH,IAAM,UAAoB;CACxB,IAAM,CAAC,GAAa,KAAkB,EAAS,EAAE;AACjD,QAEE,kBAAC,GAAD;EACE,OAAO;EACP,SAAQ;EACR,UAAU;EACG;EACb,eAAe,EAAe,EAAE;EAChC,CAAA;;AAIN,SAAS,sBAAsB;CAC7B,IAAM,IAAa,KAAK,IAAI;AAoC5B,CAlCA,iBAAiB;AACf,IAAW,WAAW;GACtB,EAEF,GAAG,uCAAuC;AAExC,EADA,EAAO,kBAAC,GAAD;GAAc,OAAO;GAAQ,SAAQ;GAAU,CAAA,CAAC,EACvD,OAAO,EAAO,UAAU,UAAU,CAAC,CAAC,mBAAmB;GACvD,EAEF,GAAG,0CAA0C;AAE3C,EADA,EAAO,kBAAC,GAAD;GAAc,OAAO;GAAQ,SAAQ;GAAa,CAAA,CAAC,EAC1D,OAAO,EAAO,UAAU,UAAU,CAAC,CAAC,mBAAmB;GACvD,EAEF,GAAG,wCAAwC;AAEzC,EADA,EAAO,kBAAC,GAAD;GAAc,OAAO;GAAQ,SAAQ;GAAW,CAAA,CAAC,EACxD,OAAO,EAAO,UAAU,SAAS,CAAC,CAAC,mBAAmB;GACtD,EAEF,GAAG,wCAAwC;AAIzC,EAHA,EAAO,kBAAC,GAAD;GAAc,OAAO;GAAQ,SAAQ;GAAY,UAAU;GAAG,aAAa;GAAK,CAAA,CAAC,EACxF,OAAO,EAAO,UAAU,cAAc,CAAC,CAAC,mBAAmB,EAC3D,OAAO,EAAO,eAAe,cAAc,CAAC,CAAC,aAAa,EAAE,EAC5D,OAAO,EAAO,cAAc,oBAAoB,CAAC,CAAC,IAAI,mBAAmB;GACzE,EAEF,GAAG,qEAAqE;AACtE,IAAO,kBAAC,GAAD;GAAc,OAAO;GAAQ,SAAQ;GAAY,UAAU;GAAG,aAAa;GAAG,SAAS;GAAc,CAAA,CAAC;EAC7G,IAAM,IAAqB,EAAO,UAAU,cAAc;AAG1D,EAFA,OAAO,EAAmB,CAAC,mBAAmB,EAC9C,OAAO,EAAO,eAAe,oBAAoB,CAAC,CAAC,aAAa,EAAE,EAClE,OAAO,EAAO,eAAe,cAAc,CAAC,CAAC,aAAa,EAAE;GAC5D,EAEF,GAAG,gEAAgE,YAAY;AAG7E,EAFA,EAAO,kBAAC,GAAD,EAAe,CAAA,CAAC,EACvB,OAAO,EAAO,eAAe,oBAAoB,CAAC,CAAC,aAAa,EAAE,EAClE,OAAO,EAAO,eAAe,cAAc,CAAC,CAAC,aAAa,EAAE;EAC5D,IAAM,IAAqB,EAAO,UAAU,cAAc;AAK1D,EAJA,MAAM,EAAU,MAAM,EAAmB,EACzC,MAAM,QAAc;AAClB,UAAO,EAAO,eAAe,oBAAoB,CAAC,CAAC,aAAa,EAAE;IAClE,EACF,MAAM,QAAc;AAClB,UAAO,EAAO,eAAe,cAAc,CAAC,CAAC,aAAa,EAAE;IAC5D;GACF;EACF"}
+{"version":3,"file":"VarIndicator.test.js","names":[],"sources":["../../../src/components/VarIndicator/VarIndicator.test.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-magic-numbers */\nimport '@testing-library/jest-dom';\nimport { render, screen, waitFor } from '@testing-library/react';\nimport userEvent from '@testing-library/user-event';\nimport { useState } from 'react';\n\nimport { VarIndicator } from './VarIndicator';\n\nconst LABELS = {\n  DRAFT: 'Concept',\n  REJECTED: 'Concept',\n  SUBMITTED: 'Verificatie',\n  ACTIVE: 'Actief',\n};\n\njest.mock('components/Icon', () => ({\n  Icon: ({ name }: { name: string }) => <svg data-testid={name} />,\n}));\n\nconst TestWrapper = () => {\n  const [currentStep, setCurrentStep] = useState(1);\n  return (\n    // When clicked the onClick callback updates currentStep from 1 to 2.\n    <VarIndicator\n      label={LABELS}\n      variant=\"SUBMITTED\"\n      maxSteps={3}\n      currentStep={currentStep}\n      onClick={() => setCurrentStep(2)}\n    />\n  );\n};\n\ndescribe('VarIndicator', () => {\n  const onClickSpy = jest.fn();\n\n  beforeEach(() => {\n    onClickSpy.mockClear();\n  });\n\n  it('should render Concept (DRAFT)', () => {\n    render(<VarIndicator label={LABELS} variant=\"DRAFT\" />);\n    expect(screen.getByText('Concept')).toBeInTheDocument();\n  });\n\n  it('should render Concept (REJECTED)', () => {\n    render(<VarIndicator label={LABELS} variant=\"REJECTED\" />);\n    expect(screen.getByText('Concept')).toBeInTheDocument();\n  });\n\n  it('should render Concept (ACTIVE)', () => {\n    render(<VarIndicator label={LABELS} variant=\"ACTIVE\" />);\n    expect(screen.getByText('Actief')).toBeInTheDocument();\n  });\n\n  it('should render dots (SUBMITTED)', () => {\n    render(<VarIndicator label={LABELS} variant=\"SUBMITTED\" maxSteps={3} currentStep={0} />);\n    expect(screen.getByText('Verificatie')).toBeInTheDocument();\n    expect(screen.getAllByTestId('CircleSmall')).toHaveLength(3);\n    expect(screen.queryByTestId('CircleSmallFilled')).not.toBeInTheDocument();\n  });\n\n  it('should render filled dots when currentStep != 0 (SUBMITTED)', () => {\n    render(<VarIndicator label={LABELS} variant=\"SUBMITTED\" maxSteps={3} currentStep={1} onClick={onClickSpy} />);\n    const verificationButton = screen.getByText('Verificatie');\n    expect(verificationButton).toBeInTheDocument();\n    expect(screen.getAllByTestId('CircleSmallFilled')).toHaveLength(1);\n    expect(screen.getAllByTestId('CircleSmall')).toHaveLength(2);\n  });\n\n  it('should render filled dots currentStep is updated (SUBMITTED)', async () => {\n    render(<TestWrapper />);\n    expect(screen.getAllByTestId('CircleSmallFilled')).toHaveLength(1);\n    expect(screen.getAllByTestId('CircleSmall')).toHaveLength(2);\n    const verificationButton = screen.getByText('Verificatie');\n    await userEvent.click(verificationButton);\n    await waitFor(() => {\n      expect(screen.getAllByTestId('CircleSmallFilled')).toHaveLength(2);\n    });\n    await waitFor(() => {\n      expect(screen.getAllByTestId('CircleSmall')).toHaveLength(1);\n    });\n  });\n});\n"],"mappings":";;;;;;;AAQA,IAAM,IAAS;CACb,OAAO;CACP,UAAU;CACV,WAAW;CACX,QAAQ;CACT;AAED,KAAK,KAAK,0BAA0B,EAClC,OAAO,EAAE,cAA6B,kBAAC,OAAD,EAAK,eAAa,GAAQ,CAAA,EACjE,EAAE;AAEH,IAAM,UAAoB;CACxB,IAAM,CAAC,GAAa,KAAkB,EAAS,EAAE;AACjD,QAEE,kBAAC,GAAD;EACE,OAAO;EACP,SAAQ;EACR,UAAU;EACG;EACb,eAAe,EAAe,EAAE;EAChC,CAAA;;AAIN,SAAS,sBAAsB;CAC7B,IAAM,IAAa,KAAK,IAAI;AAoC5B,CAlCA,iBAAiB;AACf,IAAW,WAAW;GACtB,EAEF,GAAG,uCAAuC;AAExC,EADA,EAAO,kBAAC,GAAD;GAAc,OAAO;GAAQ,SAAQ;GAAU,CAAA,CAAC,EACvD,OAAO,EAAO,UAAU,UAAU,CAAC,CAAC,mBAAmB;GACvD,EAEF,GAAG,0CAA0C;AAE3C,EADA,EAAO,kBAAC,GAAD;GAAc,OAAO;GAAQ,SAAQ;GAAa,CAAA,CAAC,EAC1D,OAAO,EAAO,UAAU,UAAU,CAAC,CAAC,mBAAmB;GACvD,EAEF,GAAG,wCAAwC;AAEzC,EADA,EAAO,kBAAC,GAAD;GAAc,OAAO;GAAQ,SAAQ;GAAW,CAAA,CAAC,EACxD,OAAO,EAAO,UAAU,SAAS,CAAC,CAAC,mBAAmB;GACtD,EAEF,GAAG,wCAAwC;AAIzC,EAHA,EAAO,kBAAC,GAAD;GAAc,OAAO;GAAQ,SAAQ;GAAY,UAAU;GAAG,aAAa;GAAK,CAAA,CAAC,EACxF,OAAO,EAAO,UAAU,cAAc,CAAC,CAAC,mBAAmB,EAC3D,OAAO,EAAO,eAAe,cAAc,CAAC,CAAC,aAAa,EAAE,EAC5D,OAAO,EAAO,cAAc,oBAAoB,CAAC,CAAC,IAAI,mBAAmB;GACzE,EAEF,GAAG,qEAAqE;AACtE,IAAO,kBAAC,GAAD;GAAc,OAAO;GAAQ,SAAQ;GAAY,UAAU;GAAG,aAAa;GAAG,SAAS;GAAc,CAAA,CAAC;EAC7G,IAAM,IAAqB,EAAO,UAAU,cAAc;AAG1D,EAFA,OAAO,EAAmB,CAAC,mBAAmB,EAC9C,OAAO,EAAO,eAAe,oBAAoB,CAAC,CAAC,aAAa,EAAE,EAClE,OAAO,EAAO,eAAe,cAAc,CAAC,CAAC,aAAa,EAAE;GAC5D,EAEF,GAAG,gEAAgE,YAAY;AAG7E,EAFA,EAAO,kBAAC,GAAD,EAAe,CAAA,CAAC,EACvB,OAAO,EAAO,eAAe,oBAAoB,CAAC,CAAC,aAAa,EAAE,EAClE,OAAO,EAAO,eAAe,cAAc,CAAC,CAAC,aAAa,EAAE;EAC5D,IAAM,IAAqB,EAAO,UAAU,cAAc;AAK1D,EAJA,MAAM,EAAU,MAAM,EAAmB,EACzC,MAAM,QAAc;AAClB,UAAO,EAAO,eAAe,oBAAoB,CAAC,CAAC,aAAa,EAAE;IAClE,EACF,MAAM,QAAc;AAClB,UAAO,EAAO,eAAe,cAAc,CAAC,CAAC,aAAa,EAAE;IAC5D;GACF;EACF"}

package/dist/components/index.js

@@ -1,4 +1,4 @@
-import { t as e } from "../Accordion-BpnBHYIx.js";
+import { t as e } from "../Accordion-DvblEUVu.js";
 import { Icon as t } from "./Icon/Icon.js";
 import { t as n } from "../AccordionCard-BXy-plB7.js";
 import { t as r } from "../ActionList-O9w1hqNg.js";
@@ -12,22 +12,22 @@ import { t as u } from "../ButtonGroup-DR80lTLz.js";
 import { t as d } from "../Card-DMFyuTmy.js";
 import { t as f } from "../SectionNotification-CQqwPTqP.js";
 import { t as p } from "../Checkbox-D6-b_4dC.js";
-import { t as m } from "../CheckboxButtonBar-CalU0IYK.js";
+import { t as m } from "../CheckboxButtonBar-5UMIFMKH.js";
 import { t as h } from "../Label-o0BcWTUS.js";
 import { t as g } from "../FeedbackBox-Bu7uB9DP.js";
-import { t as _ } from "../ControlsButton-zemVxTlg.js";
-import { d as v, f as y, h as b, m as x, n as S, t as C, u as w } from "../components-MNvdQLv1.js";
+import { t as _ } from "../ControlsButton-B1XRpMUM.js";
+import { d as v, f as y, h as b, m as x, n as S, t as C, u as w } from "../components-DAwjkky5.js";
 import { t as T } from "../Chip-DJHvFToV.js";
 import { t as E } from "../CopyableText-DkyhZ6wk.js";
-import { t as D } from "../Drawer-Ggofac6y.js";
+import { t as D } from "../Drawer-e7UFHVg9.js";
 import { t as O } from "../OverlayCloseButton-rttFbAM_.js";
 import { t as k } from "../EmptyStateDataDisplay-D0QiI8nE.js";
 import { t as A } from "../ExpandableInfoPanel-CnBVVNlJ.js";
 import { t as j } from "../FeedbackBar-ByKp32HE.js";
 import { t as M } from "../Repeater-BhkTEUai.js";
-import { t as N } from "../FieldHint-D0HtbTnt.js";
-import { t as P } from "../Spinner-D8tWqg9j.js";
-import { t as F } from "../Fieldset-CoNu_Owa.js";
+import { t as N } from "../FieldHint-fxnEOsVZ.js";
+import { t as P } from "../Spinner-BpElTDIu.js";
+import { t as F } from "../Fieldset-0LFsZ3Mz.js";
 import { t as I } from "../FormField-BZSoQdp9.js";
 import { GridRow as L } from "./GridRow/GridRow.js";
 import { t as R } from "../HorizontalList-C22DaDz-.js";
@@ -39,16 +39,15 @@ import { t as U } from "../InputField-BWAy19w9.js";
 import { t as W } from "../MenuLink-Cm1yZO_5.js";
 import { t as G } from "../MetaDataBar-C4QO9oBV.js";
 import { t as K } from "../MetaDataList-CAR1HTYs.js";
-import { t as q } from "../ModalDialog-HUkDdAJ-.js";
+import { t as q } from "../ModalDialog-N50NGnd4.js";
 import { t as J } from "../MultiSelectBox-Cuh_o-A1.js";
 import { t as Y } from "../Notification-CIhsHuF0.js";
 import { t as X } from "../OverlayStepBar-CjaoYdsh.js";
-import { t as Z } from "../PageOverlay-D_wG2oie.js";
+import { t as Z } from "../PageOverlay-S4xsqJha.js";
 import { t as Q } from "../Periods-BYETtB6R.js";
 import { t as $ } from "../ProgrammeCard-76gG7ksx.js";
 import { t as ee } from "../RadioButton-Bto2p5B9.js";
 import { t as te } from "../RadioGroup-JeTjVp5B.js";
-import "../PasteHandlerPlugin-DjD1wryY.js";
 import { SearchField as ne } from "./SearchField/SearchField.js";
 import { SelectProvider as re, useSelect as ie } from "./SelectListbox/SelectProvider.js";
 import { SelectListbox as ae } from "./SelectListbox/SelectListbox.js";
@@ -56,9 +55,9 @@ import { t as oe } from "../Slider-BlLyrET9.js";
 import { Sortable as se } from "./Sortable/Sortable.js";
 import { t as ce } from "../StatusBage-DQDOF5-U.js";
 import { t as le } from "../StatusPill-DM7n3I4W.js";
-import { t as ue } from "../TextArea-DqKIpOfT.js";
+import { t as ue } from "../TextArea-CuASC9bX.js";
 import { t as de } from "../ToggleSwitch-C7z7JVtx.js";
-import { t as fe } from "../Tooltip-BzB3jznk.js";
+import { t as fe } from "../Tooltip-D27p9kh4.js";
 import { t as pe } from "../VarIndicator-C-GueOZD.js";
 import { WeekSelector as me } from "./WeekSelector/WeekSelector.js";
 export { e as Accordion, n as AccordionCard, r as ActionList, s as AppStatusBar, c as Attention, l as Backdrop, i as Button, u as ButtonGroup, d as Card, p as Checkbox, m as CheckboxButtonBar, b as CheckboxTree, T as Chip, _ as ControlsButton, E as CopyableText, D as Drawer, k as EmptyStateDataDisplay, A as ExpandableInfoPanel, j as FeedbackBar, g as FeedbackBox, N as FieldHint, F as Fieldset, I as FormField, x as FormInput, L as GridRow, R as HorizontalList, t as Icon, z as IconButton, B as InfoBanner, V as InfoMessage, H as Input, U as InputField, h as Label, a as LinkButton, o as MenuButton, W as MenuLink, G as MetaDataBar, K as MetaDataList, q as ModalDialog, y as MultiSelect, J as MultiSelectBox, Y as Notification, O as OverlayCloseButton, X as OverlayStepBar, Z as PageOverlay, v as PeriodSelector, Q as Periods, $ as ProgrammeCard, ee as RadioButton, te as RadioGroup, w as RadioTabSelector, M as Repeater, C as Rte, S as RteEditor, ne as SearchField, f as SectionNotification, ae as SelectListbox, re as SelectProvider, oe as Slider, se as Sortable, P as Spinner, ce as StatusBadge, le as StatusPill, ue as TextArea, de as ToggleSwitch, fe as Tooltip, pe as VarIndicator, me as WeekSelector, ie as useSelect };