@lumeweb/portal-framework-ui 0.1.0 → 0.1.2

package/dist/esm/components/form/fields/Input.spec.js

@@ -1,71 +0,0 @@
-import { Input, init_Input } from "./Input.js";
-import React from "react";
-import { jsx } from "react/jsx-runtime";
-import { cleanup, render, screen } from "@testing-library/react";
-import { afterEach, describe, expect, it, vi } from "/home/runner/work/web/web/node_modules/.pnpm/vitest@4.0.16_@types+node@25.0.6_@vitest+browser-playwright@4.0.16_happy-dom@20.1.0_jit_f9bfc6b661e56e62de1f809a028e46f4/node_modules/vitest/dist/index.js";
-import userEvent from "/home/runner/work/web/web/node_modules/.pnpm/@testing-library+user-event@14.6.1_@testing-library+dom@10.4.0/node_modules/@testing-library/user-event/dist/esm/index.js";
-
-//#region src/components/form/fields/Input.spec.tsx
-init_Input();
-vi.mock("./index", () => ({ registerFormComponent: vi.fn() }));
-const mocks = vi.hoisted(() => ({
-	cn: vi.fn((...classes) => classes.filter(Boolean).join(" ")),
-	Input: vi.fn(({ onChange, value, ...props }) => /* @__PURE__ */ jsx("input", {
-		"data-testid": "base-input",
-		onChange: onChange ?? vi.fn(),
-		readOnly: false,
-		value,
-		...props
-	}))
-}));
-vi.mock("@lumeweb/portal-framework-ui-core", () => mocks);
-describe("Input", () => {
-	afterEach(cleanup);
-	it("renders the base input component", () => {
-		render(/* @__PURE__ */ jsx(Input, { name: "testInput" }));
-		expect(screen.getByTestId("base-input")).toBeInTheDocument();
-	});
-	it("passes placeholder, value, and type to the base input", () => {
-		render(/* @__PURE__ */ jsx(Input, {
-			name: "testInput",
-			onChange: vi.fn(),
-			placeholder: "Enter text",
-			type: "email",
-			value: "Initial value"
-		}));
-		const input = screen.getByTestId("base-input");
-		expect(input).toHaveAttribute("placeholder", "Enter text");
-		expect(input).toHaveValue("Initial value");
-		expect(input).toHaveAttribute("type", "email");
-	});
-	it("handles empty value correctly", () => {
-		render(/* @__PURE__ */ jsx(Input, {
-			name: "testInput",
-			onChange: vi.fn(),
-			value: ""
-		}));
-		expect(screen.getByTestId("base-input")).toHaveValue("");
-	});
-	it("applies inputClassName to the base input", () => {
-		render(/* @__PURE__ */ jsx(Input, {
-			inputClassName: "custom-class",
-			name: "testInput",
-			onChange: vi.fn()
-		}));
-		expect(screen.getByTestId("base-input")).toHaveClass("custom-class");
-	});
-	it("calls onChange when the value changes", async () => {
-		const user = userEvent.setup();
-		const handleChange = vi.fn();
-		render(/* @__PURE__ */ jsx(Input, {
-			name: "testInput",
-			onChange: handleChange
-		}));
-		const input = screen.getByTestId("base-input");
-		await user.type(input, "New text");
-		expect(handleChange).toHaveBeenCalled();
-	});
-});
-
-//#endregion
-//# sourceMappingURL=Input.spec.js.map

package/dist/esm/components/form/fields/Input.spec.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Input.spec.js","names":[],"sources":["../../../../../src/components/form/fields/Input.spec.tsx"],"sourcesContent":["import { cleanup, render, screen } from \"@testing-library/react\";\nimport userEvent from \"@testing-library/user-event\";\nimport React from \"react\";\nimport { afterEach, describe, expect, it, vi } from \"vitest\";\n\nimport { Input } from \"./Input\";\n\n// Mock the registerFormComponent to prevent side effects\nvi.mock(\"./index\", () => ({\n  registerFormComponent: vi.fn(),\n}));\n\n// Need to get a reference to the mocks object\nconst mocks = vi.hoisted(() => ({\n  cn: vi.fn((...classes) => classes.filter(Boolean).join(\" \")), // Simple mock for classnames\n  Input: vi.fn(({ onChange, value, ...props }) => (\n    <input\n      data-testid=\"base-input\"\n      onChange={onChange ?? vi.fn()}\n      readOnly={false}\n      value={value}\n      {...props}\n    />\n  )),\n}));\n\n// Mock the base components from ui-core using the hoisted mocks\nvi.mock(\"@lumeweb/portal-framework-ui-core\", () => mocks);\n\ndescribe(\"Input\", () => {\n  afterEach(cleanup);\n\n  it(\"renders the base input component\", () => {\n    render(<Input name=\"testInput\" />);\n    expect(screen.getByTestId(\"base-input\")).toBeInTheDocument();\n  });\n\n  it(\"passes placeholder, value, and type to the base input\", () => {\n    render(\n      <Input\n        name=\"testInput\"\n        onChange={vi.fn()}\n        placeholder=\"Enter text\"\n        type=\"email\"\n        value=\"Initial value\"\n      />,\n    );\n    const input = screen.getByTestId(\"base-input\");\n    expect(input).toHaveAttribute(\"placeholder\", \"Enter text\");\n    expect(input).toHaveValue(\"Initial value\");\n    expect(input).toHaveAttribute(\"type\", \"email\");\n  });\n\n  it(\"handles empty value correctly\", () => {\n    render(<Input name=\"testInput\" onChange={vi.fn()} value=\"\" />);\n    const input = screen.getByTestId(\"base-input\");\n    expect(input).toHaveValue(\"\");\n  });\n\n  it(\"applies inputClassName to the base input\", () => {\n    render(\n      <Input\n        inputClassName=\"custom-class\"\n        name=\"testInput\"\n        onChange={vi.fn()}\n      />,\n    );\n    const input = screen.getByTestId(\"base-input\");\n    // The cn mock will just join classes, so we check for the custom class\n    expect(input).toHaveClass(\"custom-class\");\n  });\n\n  it(\"calls onChange when the value changes\", async () => {\n    const user = userEvent.setup();\n    const handleChange = vi.fn();\n    render(<Input name=\"testInput\" onChange={handleChange} />);\n\n    const input = screen.getByTestId(\"base-input\");\n    await user.type(input, \"New text\");\n\n    // React Hook Form's onChange typically passes an event object\n    // We'll check if the mock was called, the exact event structure might vary\n    expect(handleChange).toHaveBeenCalled();\n  });\n});\n"],"mappings":";;;;;;;;YAKgC;AAGhC,GAAG,KAAK,kBAAkB,EACxB,uBAAuB,GAAG,IAAI,EAC/B,EAAE;AAGH,MAAM,QAAQ,GAAG,eAAe;CAC9B,IAAI,GAAG,IAAI,GAAG,YAAY,QAAQ,OAAO,QAAQ,CAAC,KAAK,IAAI,CAAC;CAC5D,OAAO,GAAG,IAAI,EAAE,UAAU,OAAO,GAAG,YAClC,oBAAC;EACC,eAAY;EACZ,UAAU,YAAY,GAAG,IAAI;EAC7B,UAAU;EACH;EACP,GAAI;GACJ,CACF;CACH,EAAE;AAGH,GAAG,KAAK,2CAA2C,MAAM;AAEzD,SAAS,eAAe;AACtB,WAAU,QAAQ;AAElB,IAAG,0CAA0C;AAC3C,SAAO,oBAAC,SAAM,MAAK,cAAc,CAAC;AAClC,SAAO,OAAO,YAAY,aAAa,CAAC,CAAC,mBAAmB;GAC5D;AAEF,IAAG,+DAA+D;AAChE,SACE,oBAAC;GACC,MAAK;GACL,UAAU,GAAG,IAAI;GACjB,aAAY;GACZ,MAAK;GACL,OAAM;IACN,CACH;EACD,MAAM,QAAQ,OAAO,YAAY,aAAa;AAC9C,SAAO,MAAM,CAAC,gBAAgB,eAAe,aAAa;AAC1D,SAAO,MAAM,CAAC,YAAY,gBAAgB;AAC1C,SAAO,MAAM,CAAC,gBAAgB,QAAQ,QAAQ;GAC9C;AAEF,IAAG,uCAAuC;AACxC,SAAO,oBAAC;GAAM,MAAK;GAAY,UAAU,GAAG,IAAI;GAAE,OAAM;IAAK,CAAC;AAE9D,SADc,OAAO,YAAY,aAAa,CACjC,CAAC,YAAY,GAAG;GAC7B;AAEF,IAAG,kDAAkD;AACnD,SACE,oBAAC;GACC,gBAAe;GACf,MAAK;GACL,UAAU,GAAG,IAAI;IACjB,CACH;AAGD,SAFc,OAAO,YAAY,aAAa,CAEjC,CAAC,YAAY,eAAe;GACzC;AAEF,IAAG,yCAAyC,YAAY;EACtD,MAAM,OAAO,UAAU,OAAO;EAC9B,MAAM,eAAe,GAAG,IAAI;AAC5B,SAAO,oBAAC;GAAM,MAAK;GAAY,UAAU;IAAgB,CAAC;EAE1D,MAAM,QAAQ,OAAO,YAAY,aAAa;AAC9C,QAAM,KAAK,KAAK,OAAO,WAAW;AAIlC,SAAO,aAAa,CAAC,kBAAkB;GACvC;EACF"}

package/dist/esm/components/form/fields/RadioGroup.spec.d.ts

@@ -1 +0,0 @@
-export { };

package/dist/esm/components/form/fields/RadioGroup.spec.js

@@ -1,96 +0,0 @@
-import { RadioGroup, init_RadioGroup } from "./RadioGroup.js";
-import React from "react";
-import { jsx } from "react/jsx-runtime";
-import { cleanup, render, screen } from "@testing-library/react";
-import { afterEach, describe, expect, it, vi } from "/home/runner/work/web/web/node_modules/.pnpm/vitest@4.0.16_@types+node@25.0.6_@vitest+browser-playwright@4.0.16_happy-dom@20.1.0_jit_f9bfc6b661e56e62de1f809a028e46f4/node_modules/vitest/dist/index.js";
-import userEvent from "/home/runner/work/web/web/node_modules/.pnpm/@testing-library+user-event@14.6.1_@testing-library+dom@10.4.0/node_modules/@testing-library/user-event/dist/esm/index.js";
-
-//#region src/components/form/fields/RadioGroup.spec.tsx
-init_RadioGroup();
-vi.mock("./index", () => ({ registerFormComponent: vi.fn() }));
-vi.hoisted(() => ({
-	RadioGroup: vi.fn(),
-	RadioGroupItem: vi.fn()
-}));
-vi.mock("@lumeweb/portal-framework-ui-core", () => ({
-	RadioGroup: vi.fn(({ children, ...props }) => {
-		return /* @__PURE__ */ jsx("div", {
-			"data-testid": "base-radio-group",
-			...props,
-			children
-		});
-	}),
-	RadioGroupItem: vi.fn(({ value, ...props }) => {
-		return /* @__PURE__ */ jsx("input", {
-			"data-testid": `radio-item-${value}`,
-			type: "radio",
-			value,
-			...props
-		});
-	})
-}));
-describe("RadioGroup", () => {
-	afterEach(cleanup);
-	const options = [
-		"option1",
-		"option2",
-		"option3"
-	];
-	it("renders the base radio group component", () => {
-		render(/* @__PURE__ */ jsx(RadioGroup, {
-			name: "testRadioGroup",
-			options
-		}));
-		expect(screen.getByTestId("base-radio-group")).toBeInTheDocument();
-	});
-	it("renders radio items for each option", () => {
-		render(/* @__PURE__ */ jsx(RadioGroup, {
-			name: "testRadioGroup",
-			options
-		}));
-		expect(screen.getByTestId("radio-item-option1")).toBeInTheDocument();
-		expect(screen.getByTestId("radio-item-option2")).toBeInTheDocument();
-		expect(screen.getByTestId("radio-item-option3")).toBeInTheDocument();
-	});
-	it("renders labels for each radio item", () => {
-		render(/* @__PURE__ */ jsx(RadioGroup, {
-			name: "testRadioGroup",
-			options
-		}));
-		expect(screen.getByLabelText("option1")).toBeInTheDocument();
-		expect(screen.getByLabelText("option2")).toBeInTheDocument();
-		expect(screen.getByLabelText("option3")).toBeInTheDocument();
-	});
-	it.skip("renders the correct radio item as checked when value is provided", () => {
-		render(/* @__PURE__ */ jsx(RadioGroup, {
-			name: "testRadioGroup",
-			options,
-			value: "option2"
-		}));
-		expect(screen.getByTestId("radio-item-option2")).toBeChecked();
-	});
-	it.skip("calls onChange when a radio item is selected", async () => {
-		const user = userEvent.setup();
-		const handleChange = vi.fn();
-		render(/* @__PURE__ */ jsx(RadioGroup, {
-			name: "testRadioGroup",
-			onChange: handleChange,
-			options
-		}));
-		const option2Label = screen.getByLabelText("option2");
-		await user.click(option2Label);
-		await new Promise((resolve) => setTimeout(resolve, 50));
-		expect(handleChange).toHaveBeenCalledWith("option2");
-	});
-	it("disables the radio group when disabled prop is true", () => {
-		render(/* @__PURE__ */ jsx(RadioGroup, {
-			disabled: true,
-			name: "testRadioGroup",
-			options
-		}));
-		expect(screen.getByTestId("base-radio-group")).toHaveAttribute("disabled");
-	});
-});
-
-//#endregion
-//# sourceMappingURL=RadioGroup.spec.js.map

package/dist/esm/components/form/fields/RadioGroup.spec.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"RadioGroup.spec.js","names":[],"sources":["../../../../../src/components/form/fields/RadioGroup.spec.tsx"],"sourcesContent":["import { cleanup, render, screen } from \"@testing-library/react\";\nimport userEvent from \"@testing-library/user-event\";\nimport React from \"react\";\nimport { afterEach, describe, expect, it, vi } from \"vitest\";\n\nimport { RadioGroup } from \"./RadioGroup\";\n\n// Mock the registerFormComponent to prevent side effects\nvi.mock(\"./index\", () => ({\n  registerFormComponent: vi.fn(),\n}));\n\n// Need to get a reference to the mocks object\nconst mocks = vi.hoisted(() => ({\n  RadioGroup: vi.fn(),\n  RadioGroupItem: vi.fn(),\n}));\n\n// Mock the base components from ui-core\nvi.mock(\"@lumeweb/portal-framework-ui-core\", () => ({\n  // Mock the base components from ui-core\n  RadioGroup: vi.fn(({ children, ...props }) => {\n    // Simple mock that just renders children\n    return (\n      <div data-testid=\"base-radio-group\" {...props}>\n        {children}\n      </div>\n    );\n  }),\n  RadioGroupItem: vi.fn(({ value, ...props }) => {\n    // Simple mock that just renders an input\n    return (\n      <input\n        data-testid={`radio-item-${value}`}\n        type=\"radio\"\n        value={value}\n        {...props}\n      />\n    );\n  }),\n}));\n\ndescribe(\"RadioGroup\", () => {\n  afterEach(cleanup);\n\n  const options = [\"option1\", \"option2\", \"option3\"];\n\n  it(\"renders the base radio group component\", () => {\n    render(<RadioGroup name=\"testRadioGroup\" options={options} />);\n    expect(screen.getByTestId(\"base-radio-group\")).toBeInTheDocument();\n  });\n\n  it(\"renders radio items for each option\", () => {\n    render(<RadioGroup name=\"testRadioGroup\" options={options} />);\n    expect(screen.getByTestId(\"radio-item-option1\")).toBeInTheDocument();\n    expect(screen.getByTestId(\"radio-item-option2\")).toBeInTheDocument();\n    expect(screen.getByTestId(\"radio-item-option3\")).toBeInTheDocument();\n  });\n\n  it(\"renders labels for each radio item\", () => {\n    render(<RadioGroup name=\"testRadioGroup\" options={options} />);\n    expect(screen.getByLabelText(\"option1\")).toBeInTheDocument();\n    expect(screen.getByLabelText(\"option2\")).toBeInTheDocument();\n    expect(screen.getByLabelText(\"option3\")).toBeInTheDocument();\n  });\n\n  it.skip(\"renders the correct radio item as checked when value is provided\", () => {\n    render(\n      <RadioGroup name=\"testRadioGroup\" options={options} value=\"option2\" />,\n    );\n    const option2Input = screen.getByTestId(\"radio-item-option2\");\n    expect(option2Input).toBeChecked();\n  });\n\n  it.skip(\"calls onChange when a radio item is selected\", async () => {\n    const user = userEvent.setup();\n    const handleChange = vi.fn();\n    render(\n      <RadioGroup\n        name=\"testRadioGroup\"\n        onChange={handleChange} // This spy is passed as onValueChange to the mock\n        options={options}\n      />,\n    );\n\n    // Interact with the label, which is a more robust way for radio buttons\n    const option2Label = screen.getByLabelText(\"option2\");\n    await user.click(option2Label); // Click the label\n\n    // Add a small delay to see if it helps the spy assertion\n    await new Promise((resolve) => setTimeout(resolve, 50));\n\n    expect(handleChange).toHaveBeenCalledWith(\"option2\");\n  });\n\n  it(\"disables the radio group when disabled prop is true\", () => {\n    render(<RadioGroup disabled name=\"testRadioGroup\" options={options} />);\n    const radioGroup = screen.getByTestId(\"base-radio-group\");\n    expect(radioGroup).toHaveAttribute(\"disabled\");\n  });\n});\n"],"mappings":";;;;;;;;iBAK0C;AAG1C,GAAG,KAAK,kBAAkB,EACxB,uBAAuB,GAAG,IAAI,EAC/B,EAAE;AAGW,GAAG,eAAe;CAC9B,YAAY,GAAG,IAAI;CACnB,gBAAgB,GAAG,IAAI;CACxB,EAAE;AAGH,GAAG,KAAK,4CAA4C;CAElD,YAAY,GAAG,IAAI,EAAE,UAAU,GAAG,YAAY;AAE5C,SACE,oBAAC;GAAI,eAAY;GAAmB,GAAI;GACrC;IACG;GAER;CACF,gBAAgB,GAAG,IAAI,EAAE,OAAO,GAAG,YAAY;AAE7C,SACE,oBAAC;GACC,eAAa,cAAc;GAC3B,MAAK;GACE;GACP,GAAI;IACJ;GAEJ;CACH,EAAE;AAEH,SAAS,oBAAoB;AAC3B,WAAU,QAAQ;CAElB,MAAM,UAAU;EAAC;EAAW;EAAW;EAAU;AAEjD,IAAG,gDAAgD;AACjD,SAAO,oBAAC;GAAW,MAAK;GAA0B;IAAW,CAAC;AAC9D,SAAO,OAAO,YAAY,mBAAmB,CAAC,CAAC,mBAAmB;GAClE;AAEF,IAAG,6CAA6C;AAC9C,SAAO,oBAAC;GAAW,MAAK;GAA0B;IAAW,CAAC;AAC9D,SAAO,OAAO,YAAY,qBAAqB,CAAC,CAAC,mBAAmB;AACpE,SAAO,OAAO,YAAY,qBAAqB,CAAC,CAAC,mBAAmB;AACpE,SAAO,OAAO,YAAY,qBAAqB,CAAC,CAAC,mBAAmB;GACpE;AAEF,IAAG,4CAA4C;AAC7C,SAAO,oBAAC;GAAW,MAAK;GAA0B;IAAW,CAAC;AAC9D,SAAO,OAAO,eAAe,UAAU,CAAC,CAAC,mBAAmB;AAC5D,SAAO,OAAO,eAAe,UAAU,CAAC,CAAC,mBAAmB;AAC5D,SAAO,OAAO,eAAe,UAAU,CAAC,CAAC,mBAAmB;GAC5D;AAEF,IAAG,KAAK,0EAA0E;AAChF,SACE,oBAAC;GAAW,MAAK;GAA0B;GAAS,OAAM;IAAY,CACvE;AAED,SADqB,OAAO,YAAY,qBAAqB,CACzC,CAAC,aAAa;GAClC;AAEF,IAAG,KAAK,gDAAgD,YAAY;EAClE,MAAM,OAAO,UAAU,OAAO;EAC9B,MAAM,eAAe,GAAG,IAAI;AAC5B,SACE,oBAAC;GACC,MAAK;GACL,UAAU;GACD;IACT,CACH;EAGD,MAAM,eAAe,OAAO,eAAe,UAAU;AACrD,QAAM,KAAK,MAAM,aAAa;AAG9B,QAAM,IAAI,SAAS,YAAY,WAAW,SAAS,GAAG,CAAC;AAEvD,SAAO,aAAa,CAAC,qBAAqB,UAAU;GACpD;AAEF,IAAG,6DAA6D;AAC9D,SAAO,oBAAC;GAAW;GAAS,MAAK;GAA0B;IAAW,CAAC;AAEvE,SADmB,OAAO,YAAY,mBAAmB,CACvC,CAAC,gBAAgB,WAAW;GAC9C;EACF"}

package/dist/esm/components/form/fields/RichText.spec.d.ts

@@ -1 +0,0 @@
-export { };

package/dist/esm/components/form/fields/RichText.spec.js

@@ -1,70 +0,0 @@
-import { RichText, init_RichText } from "./RichText.js";
-import React from "react";
-import { jsx } from "react/jsx-runtime";
-import { cleanup, render, screen } from "@testing-library/react";
-import { afterEach, describe, expect, it, vi } from "/home/runner/work/web/web/node_modules/.pnpm/vitest@4.0.16_@types+node@25.0.6_@vitest+browser-playwright@4.0.16_happy-dom@20.1.0_jit_f9bfc6b661e56e62de1f809a028e46f4/node_modules/vitest/dist/index.js";
-import userEvent from "/home/runner/work/web/web/node_modules/.pnpm/@testing-library+user-event@14.6.1_@testing-library+dom@10.4.0/node_modules/@testing-library/user-event/dist/esm/index.js";
-
-//#region src/components/form/fields/RichText.spec.tsx
-init_RichText();
-vi.mock("./index", () => ({ registerFormComponent: vi.fn() }));
-vi.mock("@/components/editor", () => ({ Editor: vi.fn(({ enablePreview, onChange, placeholder, required, toolbarOptions, value, ...props }) => {
-	const handleChange = (event) => {
-		onChange?.(event.target.value);
-	};
-	return /* @__PURE__ */ jsx("textarea", {
-		"data-enable-preview": enablePreview,
-		"data-testid": "mock-editor",
-		"data-toolbar-options": JSON.stringify(toolbarOptions),
-		onChange: handleChange,
-		placeholder,
-		required,
-		value,
-		...props
-	});
-}) }));
-describe("RichText", () => {
-	afterEach(cleanup);
-	it("renders the mocked base editor component", () => {
-		render(/* @__PURE__ */ jsx(RichText, { name: "testRichText" }));
-		expect(screen.getByTestId("mock-editor")).toBeInTheDocument();
-	});
-	it("passes props to the base editor", () => {
-		const handleChange = vi.fn();
-		const toolbarOptions = [{
-			action: "bold",
-			name: "bold"
-		}];
-		render(/* @__PURE__ */ jsx(RichText, {
-			enablePreview: true,
-			name: "testRichText",
-			onChange: handleChange,
-			placeholder: "Enter text",
-			required: true,
-			toolbarOptions,
-			value: "Initial value"
-		}));
-		const editor = screen.getByTestId("mock-editor");
-		expect(editor).toHaveValue("Initial value");
-		expect(editor).toHaveAttribute("placeholder", "Enter text");
-		expect(editor).toBeRequired();
-		expect(editor).toHaveAttribute("data-enable-preview", "true");
-		expect(editor).toHaveAttribute("data-toolbar-options", JSON.stringify(toolbarOptions));
-	});
-	it("calls onChange when the value changes", async () => {
-		const user = userEvent.setup();
-		const handleChange = vi.fn();
-		render(/* @__PURE__ */ jsx(RichText, {
-			name: "testRichText",
-			onChange: handleChange
-		}));
-		const editor = screen.getByTestId("mock-editor");
-		await user.type(editor, "New text");
-		expect(handleChange).toHaveBeenCalledWith("N");
-		expect(handleChange).toHaveBeenCalledWith("Ne");
-		expect(handleChange).toHaveBeenCalledWith("New");
-	});
-});
-
-//#endregion
-//# sourceMappingURL=RichText.spec.js.map

package/dist/esm/components/form/fields/RichText.spec.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"RichText.spec.js","names":[],"sources":["../../../../../src/components/form/fields/RichText.spec.tsx"],"sourcesContent":["import { cleanup, render, screen } from \"@testing-library/react\";\nimport userEvent from \"@testing-library/user-event\";\nimport React from \"react\";\nimport { afterEach, describe, expect, it, vi } from \"vitest\";\n\nimport { RichText } from \"./RichText\";\n\n// Mock the registerFormComponent to prevent side effects\nvi.mock(\"./index\", () => ({\n  registerFormComponent: vi.fn(),\n}));\n\n// Mock the base editor component\nvi.mock(\"@/components/editor\", () => ({\n  Editor: vi.fn(\n    ({\n      enablePreview,\n      onChange,\n      placeholder,\n      required,\n      toolbarOptions,\n      value,\n      ...props\n    }) => {\n      const handleChange = (event: React.ChangeEvent<HTMLTextAreaElement>) => {\n        onChange?.(event.target.value);\n      };\n      return (\n        <textarea\n          data-enable-preview={enablePreview}\n          data-testid=\"mock-editor\"\n          data-toolbar-options={JSON.stringify(toolbarOptions)}\n          onChange={handleChange}\n          placeholder={placeholder}\n          required={required}\n          value={value}\n          {...props}\n        />\n      );\n    },\n  ),\n}));\n\ndescribe(\"RichText\", () => {\n  afterEach(cleanup);\n\n  it(\"renders the mocked base editor component\", () => {\n    render(<RichText name=\"testRichText\" />);\n    expect(screen.getByTestId(\"mock-editor\")).toBeInTheDocument();\n  });\n\n  it(\"passes props to the base editor\", () => {\n    const handleChange = vi.fn();\n    const toolbarOptions = [{ action: \"bold\", name: \"bold\" }];\n    render(\n      <RichText\n        enablePreview\n        name=\"testRichText\"\n        onChange={handleChange}\n        placeholder=\"Enter text\"\n        required\n        toolbarOptions={toolbarOptions}\n        value=\"Initial value\"\n      />,\n    );\n\n    const editor = screen.getByTestId(\"mock-editor\");\n    expect(editor).toHaveValue(\"Initial value\");\n    expect(editor).toHaveAttribute(\"placeholder\", \"Enter text\");\n    expect(editor).toBeRequired();\n    expect(editor).toHaveAttribute(\"data-enable-preview\", \"true\");\n    expect(editor).toHaveAttribute(\n      \"data-toolbar-options\",\n      JSON.stringify(toolbarOptions),\n    );\n  });\n\n  it(\"calls onChange when the value changes\", async () => {\n    const user = userEvent.setup();\n    const handleChange = vi.fn();\n    render(<RichText name=\"testRichText\" onChange={handleChange} />);\n\n    const editor = screen.getByTestId(\"mock-editor\");\n    await user.type(editor, \"New text\");\n\n    expect(handleChange).toHaveBeenCalledWith(\"N\");\n    expect(handleChange).toHaveBeenCalledWith(\"Ne\");\n    expect(handleChange).toHaveBeenCalledWith(\"New\");\n    // ... and so on for each character\n  });\n});\n"],"mappings":";;;;;;;;eAKsC;AAGtC,GAAG,KAAK,kBAAkB,EACxB,uBAAuB,GAAG,IAAI,EAC/B,EAAE;AAGH,GAAG,KAAK,8BAA8B,EACpC,QAAQ,GAAG,IACR,EACC,eACA,UACA,aACA,UACA,gBACA,OACA,GAAG,YACC;CACJ,MAAM,gBAAgB,UAAkD;AACtE,aAAW,MAAM,OAAO,MAAM;;AAEhC,QACE,oBAAC;EACC,uBAAqB;EACrB,eAAY;EACZ,wBAAsB,KAAK,UAAU,eAAe;EACpD,UAAU;EACG;EACH;EACH;EACP,GAAI;GACJ;EAGP,EACF,EAAE;AAEH,SAAS,kBAAkB;AACzB,WAAU,QAAQ;AAElB,IAAG,kDAAkD;AACnD,SAAO,oBAAC,YAAS,MAAK,iBAAiB,CAAC;AACxC,SAAO,OAAO,YAAY,cAAc,CAAC,CAAC,mBAAmB;GAC7D;AAEF,IAAG,yCAAyC;EAC1C,MAAM,eAAe,GAAG,IAAI;EAC5B,MAAM,iBAAiB,CAAC;GAAE,QAAQ;GAAQ,MAAM;GAAQ,CAAC;AACzD,SACE,oBAAC;GACC;GACA,MAAK;GACL,UAAU;GACV,aAAY;GACZ;GACgB;GAChB,OAAM;IACN,CACH;EAED,MAAM,SAAS,OAAO,YAAY,cAAc;AAChD,SAAO,OAAO,CAAC,YAAY,gBAAgB;AAC3C,SAAO,OAAO,CAAC,gBAAgB,eAAe,aAAa;AAC3D,SAAO,OAAO,CAAC,cAAc;AAC7B,SAAO,OAAO,CAAC,gBAAgB,uBAAuB,OAAO;AAC7D,SAAO,OAAO,CAAC,gBACb,wBACA,KAAK,UAAU,eAAe,CAC/B;GACD;AAEF,IAAG,yCAAyC,YAAY;EACtD,MAAM,OAAO,UAAU,OAAO;EAC9B,MAAM,eAAe,GAAG,IAAI;AAC5B,SAAO,oBAAC;GAAS,MAAK;GAAe,UAAU;IAAgB,CAAC;EAEhE,MAAM,SAAS,OAAO,YAAY,cAAc;AAChD,QAAM,KAAK,KAAK,QAAQ,WAAW;AAEnC,SAAO,aAAa,CAAC,qBAAqB,IAAI;AAC9C,SAAO,aAAa,CAAC,qBAAqB,KAAK;AAC/C,SAAO,aAAa,CAAC,qBAAqB,MAAM;GAEhD;EACF"}

package/dist/esm/components/form/fields/Select.spec.d.ts

@@ -1 +0,0 @@
-export { };

package/dist/esm/components/form/fields/Select.spec.js

@@ -1,135 +0,0 @@
-import { Select, init_Select } from "./Select.js";
-import React from "react";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { cleanup, render, screen } from "@testing-library/react";
-import { afterEach, describe, expect, it, vi } from "/home/runner/work/web/web/node_modules/.pnpm/vitest@4.0.16_@types+node@25.0.6_@vitest+browser-playwright@4.0.16_happy-dom@20.1.0_jit_f9bfc6b661e56e62de1f809a028e46f4/node_modules/vitest/dist/index.js";
-import userEvent from "/home/runner/work/web/web/node_modules/.pnpm/@testing-library+user-event@14.6.1_@testing-library+dom@10.4.0/node_modules/@testing-library/user-event/dist/esm/index.js";
-
-//#region src/components/form/fields/Select.spec.tsx
-init_Select();
-vi.mock("./index", () => ({ registerFormComponent: vi.fn() }));
-const mocks = vi.hoisted(() => ({
-	cn: vi.fn((...classes) => classes.filter(Boolean).join(" ")),
-	Select: vi.fn(),
-	SelectContent: vi.fn(),
-	SelectItem: vi.fn(),
-	SelectTrigger: vi.fn(),
-	SelectValue: vi.fn()
-}));
-vi.mock("@lumeweb/portal-framework-ui-core", () => mocks);
-mocks.Select = vi.fn(({ children, onValueChange, value, ...props }) => {
-	const handleChange = (event) => {
-		onValueChange?.(event.target.value);
-	};
-	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("select", {
-		"data-testid": "base-select",
-		onChange: handleChange,
-		value: value ?? "",
-		...props,
-		children: React.Children.map(children, (child) => {
-			const typedChild = child;
-			if (React.isValidElement(typedChild) && typedChild.type === mocks.SelectContent && typedChild.props.children) return React.Children.map(typedChild.props.children, (selectItemChild) => {
-				if (React.isValidElement(selectItemChild) && selectItemChild.type === mocks.SelectItem) return selectItemChild;
-				return null;
-			});
-			return null;
-		})
-	}), React.Children.map(children, (child) => {
-		const typedChild = child;
-		if (React.isValidElement(typedChild) && (typedChild.type === mocks.SelectTrigger || typedChild.type === mocks.SelectValue)) return typedChild;
-		return null;
-	})] });
-});
-mocks.SelectItem = vi.fn(({ children, value, ...props }) => /* @__PURE__ */ jsx("option", {
-	"data-testid": `select-item-${value}`,
-	value,
-	...props,
-	children
-}));
-mocks.SelectContent = vi.fn((props) => /* @__PURE__ */ jsx("div", {
-	"data-testid": "select-content",
-	...props
-}));
-mocks.SelectTrigger = vi.fn(({ children, ...props }) => /* @__PURE__ */ jsx("button", {
-	"data-testid": "select-trigger",
-	...props,
-	children
-}));
-mocks.SelectValue = vi.fn((props) => /* @__PURE__ */ jsx("span", {
-	"data-testid": "select-value",
-	...props
-}));
-describe("Select", () => {
-	afterEach(cleanup);
-	const options = [
-		"option1",
-		{
-			label: "Option Two",
-			value: "option2"
-		},
-		"option3"
-	];
-	it("renders the base select component", () => {
-		render(/* @__PURE__ */ jsx(Select, {
-			name: "testSelect",
-			onChange: vi.fn(),
-			options
-		}));
-		expect(screen.getByTestId("base-select")).toBeInTheDocument();
-	});
-	it("renders select items for each option", () => {
-		render(/* @__PURE__ */ jsx(Select, {
-			name: "testSelect",
-			onChange: vi.fn(),
-			options
-		}));
-		expect(screen.getByTestId("select-item-option1")).toBeInTheDocument();
-		expect(screen.getByTestId("select-item-option2")).toBeInTheDocument();
-		expect(screen.getByTestId("select-item-option3")).toBeInTheDocument();
-	});
-	it("uses option value for item value and label for item text", () => {
-		render(/* @__PURE__ */ jsx(Select, {
-			name: "testSelect",
-			onChange: vi.fn(),
-			options
-		}));
-		expect(screen.getByTestId("select-item-option1")).toHaveValue("option1");
-		expect(screen.getByTestId("select-item-option1")).toHaveTextContent("option1");
-		expect(screen.getByTestId("select-item-option2")).toHaveValue("option2");
-		expect(screen.getByTestId("select-item-option2")).toHaveTextContent("Option Two");
-	});
-	it("passes the correct value to the base select", () => {
-		render(/* @__PURE__ */ jsx(Select, {
-			name: "testSelect",
-			onChange: vi.fn(),
-			options,
-			value: "option2"
-		}));
-		expect(screen.getByTestId("base-select")).toHaveValue("option2");
-	});
-	it("calls onChange when a new option is selected", async () => {
-		const user = userEvent.setup();
-		const handleChange = vi.fn();
-		render(/* @__PURE__ */ jsx(Select, {
-			name: "testSelect",
-			onChange: handleChange,
-			options
-		}));
-		const selectElement = screen.getByTestId("base-select");
-		await screen.findByTestId("select-item-option2");
-		await user.selectOptions(selectElement, "option2");
-		expect(handleChange).toHaveBeenCalledWith("option2");
-	});
-	it("marks the base select as required when required prop is true", () => {
-		render(/* @__PURE__ */ jsx(Select, {
-			name: "testSelect",
-			onChange: vi.fn(),
-			options,
-			required: true
-		}));
-		expect(screen.getByTestId("base-select")).toBeRequired();
-	});
-});
-
-//#endregion
-//# sourceMappingURL=Select.spec.js.map

package/dist/esm/components/form/fields/Select.spec.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Select.spec.js","names":[],"sources":["../../../../../src/components/form/fields/Select.spec.tsx"],"sourcesContent":["// Mock the base components from ui-core\nimport { cleanup, render, screen } from \"@testing-library/react\";\nimport userEvent from \"@testing-library/user-event\";\nimport React from \"react\";\nimport { afterEach, describe, expect, it, vi } from \"vitest\";\n\nimport { Select } from \"./Select\";\n\n// Mock the registerFormComponent to prevent side effects\nvi.mock(\"./index\", () => ({\n  registerFormComponent: vi.fn(),\n}));\n\n// Need to get a reference to the mocks object to filter children correctly\nconst mocks = vi.hoisted(() => ({\n  cn: vi.fn((...classes) => classes.filter(Boolean).join(\" \")), // Simple mock for classnames\n  Select: vi.fn(),\n  SelectContent: vi.fn(),\n  SelectItem: vi.fn(),\n  SelectTrigger: vi.fn(),\n  SelectValue: vi.fn(),\n}));\n\nvi.mock(\"@lumeweb/portal-framework-ui-core\", () => mocks);\n\n// Mock the base components from ui-core\n// The actual mock implementation needs to be defined after the hoisted mocks\nmocks.Select = vi.fn(({ children, onValueChange, value, ...props }) => {\n  const handleChange = (event: React.ChangeEvent<HTMLSelectElement>) => {\n    onValueChange?.(event.target.value);\n  };\n\n  // Render a native select element for interaction testing\n  // Render SelectTrigger and SelectValue mocks as siblings\n  return (\n    <>\n      <select\n        data-testid=\"base-select\"\n        onChange={handleChange}\n        // Use value for controlled behavior\n        value={value ?? \"\"} // Ensure value is never undefined for controlled component\n        // Pass relevant props to the native select if needed for testing attributes\n        {...props}>\n        {/* Find SelectContent child and render its SelectItem children inside the select */}\n        {React.Children.map(children, (child) => {\n          // Cast child to React.ReactElement<any> to access props\n          const typedChild = child as React.ReactElement<any>;\n          // Cast typedChild.props to any to access children\n          if (\n            React.isValidElement(typedChild) &&\n            typedChild.type === mocks.SelectContent &&\n            (typedChild.props as any).children\n          ) {\n            // Cast children to React.ReactNode[] before mapping\n            return React.Children.map(\n              (typedChild.props as any).children as React.ReactNode[],\n              (selectItemChild) => {\n                if (\n                  React.isValidElement(selectItemChild) &&\n                  selectItemChild.type === mocks.SelectItem\n                ) {\n                  return selectItemChild;\n                }\n                return null; // Ignore non-SelectItem children within SelectContent\n              },\n            );\n          }\n          return null; // Ignore other top-level children for the native select\n        })}\n      </select>\n      {/* Render SelectTrigger and SelectValue mocks as siblings */}\n      {React.Children.map(children, (child) => {\n        // Cast child to React.ReactElement<any> to access props\n        const typedChild = child as React.ReactElement<any>;\n        if (\n          React.isValidElement(typedChild) &&\n          (typedChild.type === mocks.SelectTrigger ||\n            typedChild.type === mocks.SelectValue)\n        ) {\n          return typedChild; // Render the mock component itself\n        }\n        return null; // Ignore other children at this level (including SelectContent)\n      })}\n    </>\n  );\n});\n\n// Mock SelectItem to render a native option element\nmocks.SelectItem = vi.fn(({ children, value, ...props }) => (\n  <option data-testid={`select-item-${value}`} value={value} {...props}>\n    {children}\n  </option>\n));\n\n// Mock other components as simple divs or null if not needed for interaction\n// These mocks are still needed if the component being tested renders them,\n// but they don't need to be children of the native select in the mock.\nmocks.SelectContent = vi.fn(\n  (\n    props, // Remove children from props\n  ) => (\n    <div data-testid=\"select-content\" {...props}></div> // Do not render children\n  ),\n);\nmocks.SelectTrigger = vi.fn(({ children, ...props }) => (\n  <button data-testid=\"select-trigger\" {...props}>\n    {children}\n  </button>\n));\nmocks.SelectValue = vi.fn((props) => (\n  <span data-testid=\"select-value\" {...props} />\n));\n\ndescribe(\"Select\", () => {\n  afterEach(cleanup);\n\n  const options = [\n    \"option1\",\n    { label: \"Option Two\", value: \"option2\" },\n    \"option3\",\n  ];\n\n  it(\"renders the base select component\", () => {\n    render(<Select name=\"testSelect\" onChange={vi.fn()} options={options} />); // Add dummy onChange\n    expect(screen.getByTestId(\"base-select\")).toBeInTheDocument();\n  });\n\n  // Removed tests for trigger/value rendering as they are no longer direct children of the mocked select\n  // If needed, these could be tested by rendering the Select component and checking for the presence\n  // of the mocked trigger/value elements as siblings or elsewhere in the rendered output.\n\n  it(\"renders select items for each option\", () => {\n    render(<Select name=\"testSelect\" onChange={vi.fn()} options={options} />);\n    expect(screen.getByTestId(\"select-item-option1\")).toBeInTheDocument();\n    expect(screen.getByTestId(\"select-item-option2\")).toBeInTheDocument();\n    expect(screen.getByTestId(\"select-item-option3\")).toBeInTheDocument();\n  });\n\n  it(\"uses option value for item value and label for item text\", () => {\n    render(<Select name=\"testSelect\" onChange={vi.fn()} options={options} />); // Add dummy onChange\n    expect(screen.getByTestId(\"select-item-option1\")).toHaveValue(\"option1\");\n    expect(screen.getByTestId(\"select-item-option1\")).toHaveTextContent(\n      \"option1\",\n    );\n    expect(screen.getByTestId(\"select-item-option2\")).toHaveValue(\"option2\");\n    expect(screen.getByTestId(\"select-item-option2\")).toHaveTextContent(\n      \"Option Two\",\n    );\n  });\n\n  it(\"passes the correct value to the base select\", () => {\n    render(\n      <Select\n        name=\"testSelect\"\n        onChange={vi.fn()}\n        options={options}\n        value=\"option2\"\n      />,\n    );\n    const select = screen.getByTestId(\"base-select\");\n    expect(select).toHaveValue(\"option2\");\n  });\n\n  // Removed tests for placeholder as it's handled by SelectValue mock, not the native select\n\n  it(\"calls onChange when a new option is selected\", async () => {\n    const user = userEvent.setup();\n    const handleChange = vi.fn();\n    render(\n      <Select name=\"testSelect\" onChange={handleChange} options={options} />,\n    );\n\n    // Interact directly with the mocked native <select> element\n    const selectElement = screen.getByTestId(\"base-select\");\n    // Wait for the options to be available before selecting\n    await screen.findByTestId(\"select-item-option2\");\n    await user.selectOptions(selectElement, \"option2\");\n\n    expect(handleChange).toHaveBeenCalledWith(\"option2\");\n  });\n\n  it(\"marks the base select as required when required prop is true\", () => {\n    render(\n      <Select\n        name=\"testSelect\"\n        onChange={vi.fn()}\n        options={options}\n        required\n      />,\n    );\n    const select = screen.getByTestId(\"base-select\");\n    expect(select).toBeRequired();\n  });\n\n  // Removed test for inputClassName as it's applied to the SelectTrigger mock, not the native select\n});\n"],"mappings":"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"}

package/dist/esm/components/form/fields/Slider.spec.d.ts

@@ -1 +0,0 @@
-export { };

package/dist/esm/components/form/fields/Slider.spec.js

@@ -1,82 +0,0 @@
-import { Slider, init_Slider } from "./Slider.js";
-import React from "react";
-import { jsx } from "react/jsx-runtime";
-import { cleanup, fireEvent, render, screen } from "@testing-library/react";
-import { afterEach, describe, expect, it, vi } from "/home/runner/work/web/web/node_modules/.pnpm/vitest@4.0.16_@types+node@25.0.6_@vitest+browser-playwright@4.0.16_happy-dom@20.1.0_jit_f9bfc6b661e56e62de1f809a028e46f4/node_modules/vitest/dist/index.js";
-import userEvent from "/home/runner/work/web/web/node_modules/.pnpm/@testing-library+user-event@14.6.1_@testing-library+dom@10.4.0/node_modules/@testing-library/user-event/dist/esm/index.js";
-
-//#region src/components/form/fields/Slider.spec.tsx
-init_Slider();
-vi.mock("./index", () => ({ registerFormComponent: vi.fn() }));
-vi.mock("@lumeweb/portal-framework-ui-core", () => ({ Slider: vi.fn(({ onValueChange, value, ...props }) => {
-	const handleChange = (event) => {
-		onValueChange?.([parseFloat(event.target.value)]);
-	};
-	return /* @__PURE__ */ jsx("input", {
-		"data-testid": "base-slider",
-		onChange: handleChange,
-		type: "range",
-		value: value?.[0] ?? props.min ?? 0,
-		...props
-	});
-}) }));
-describe("Slider", () => {
-	afterEach(cleanup);
-	it("renders the base slider component", () => {
-		render(/* @__PURE__ */ jsx(Slider, { name: "testSlider" }));
-		expect(screen.getByTestId("base-slider")).toBeInTheDocument();
-	});
-	it("passes min, max, step, and value to the base slider", () => {
-		render(/* @__PURE__ */ jsx(Slider, {
-			max: 50,
-			min: 10,
-			name: "testSlider",
-			step: 5,
-			value: 25
-		}));
-		const slider = screen.getByTestId("base-slider");
-		expect(slider).toHaveAttribute("min", "10");
-		expect(slider).toHaveAttribute("max", "50");
-		expect(slider).toHaveAttribute("step", "5");
-		expect(slider).toHaveValue("25");
-	});
-	it("uses default min, max, and step if not provided", () => {
-		render(/* @__PURE__ */ jsx(Slider, { name: "testSlider" }));
-		const slider = screen.getByTestId("base-slider");
-		expect(slider).toHaveAttribute("min", "0");
-		expect(slider).toHaveAttribute("max", "100");
-		expect(slider).toHaveAttribute("step", "1");
-		expect(slider).toHaveValue("0");
-	});
-	it("handles undefined value by using min", () => {
-		render(/* @__PURE__ */ jsx(Slider, {
-			min: 5,
-			name: "testSlider"
-		}));
-		expect(screen.getByTestId("base-slider")).toHaveValue("5");
-	});
-	it("calls onChange when the slider value changes", async () => {
-		userEvent.setup();
-		const handleChange = vi.fn();
-		render(/* @__PURE__ */ jsx(Slider, {
-			max: 100,
-			min: 0,
-			name: "testSlider",
-			onChange: handleChange
-		}));
-		const slider = screen.getByTestId("base-slider");
-		const newValue = "50";
-		fireEvent.change(slider, { target: { value: newValue } });
-		expect(handleChange).toHaveBeenCalledWith(parseFloat(newValue));
-	});
-	it("disables the slider when disabled prop is true", () => {
-		render(/* @__PURE__ */ jsx(Slider, {
-			disabled: true,
-			name: "testSlider"
-		}));
-		expect(screen.getByTestId("base-slider")).toBeDisabled();
-	});
-});
-
-//#endregion
-//# sourceMappingURL=Slider.spec.js.map

package/dist/esm/components/form/fields/Slider.spec.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Slider.spec.js","names":[],"sources":["../../../../../src/components/form/fields/Slider.spec.tsx"],"sourcesContent":["import { cleanup, fireEvent, render, screen } from \"@testing-library/react\"; // Import fireEvent\nimport userEvent from \"@testing-library/user-event\";\nimport React from \"react\";\nimport { afterEach, describe, expect, it, vi } from \"vitest\";\n\nimport { Slider } from \"./Slider\";\n\n// Mock the registerFormComponent to prevent side effects\nvi.mock(\"./index\", () => ({\n  registerFormComponent: vi.fn(),\n}));\n\n// Mock the base components from ui-core\nvi.mock(\"@lumeweb/portal-framework-ui-core\", () => ({\n  Slider: vi.fn(({ onValueChange, value, ...props }) => {\n    // Simple mock: render a range input and simulate change\n    const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n      // Call onValueChange with an array containing the number value\n      onValueChange?.([parseFloat(event.target.value)]);\n    };\n    return (\n      <input\n        data-testid=\"base-slider\"\n        onChange={handleChange}\n        type=\"range\"\n        value={value?.[0] ?? props.min ?? 0} // Ensure value is a number or string representation\n        {...props}\n      />\n    );\n  }),\n}));\n\ndescribe(\"Slider\", () => {\n  afterEach(cleanup);\n\n  it(\"renders the base slider component\", () => {\n    render(<Slider name=\"testSlider\" />);\n    expect(screen.getByTestId(\"base-slider\")).toBeInTheDocument();\n  });\n\n  it(\"passes min, max, step, and value to the base slider\", () => {\n    render(<Slider max={50} min={10} name=\"testSlider\" step={5} value={25} />);\n    const slider = screen.getByTestId(\"base-slider\");\n    expect(slider).toHaveAttribute(\"min\", \"10\");\n    expect(slider).toHaveAttribute(\"max\", \"50\");\n    expect(slider).toHaveAttribute(\"step\", \"5\");\n    expect(slider).toHaveValue(\"25\");\n  });\n\n  it(\"uses default min, max, and step if not provided\", () => {\n    render(<Slider name=\"testSlider\" />);\n    const slider = screen.getByTestId(\"base-slider\");\n    expect(slider).toHaveAttribute(\"min\", \"0\");\n    expect(slider).toHaveAttribute(\"max\", \"100\");\n    expect(slider).toHaveAttribute(\"step\", \"1\");\n    expect(slider).toHaveValue(\"0\"); // Default value should be min\n  });\n\n  it(\"handles undefined value by using min\", () => {\n    render(<Slider min={5} name=\"testSlider\" />);\n    const slider = screen.getByTestId(\"base-slider\");\n    expect(slider).toHaveValue(\"5\");\n  });\n\n  it(\"calls onChange when the slider value changes\", async () => {\n    const user = userEvent.setup();\n    const handleChange = vi.fn();\n    render(\n      <Slider max={100} min={0} name=\"testSlider\" onChange={handleChange} />,\n    );\n\n    const slider = screen.getByTestId(\"base-slider\");\n    const newValue = \"50\"; // Example new value\n\n    // Simulate changing the slider value using fireEvent\n    // This is more reliable for range inputs than userEvent.type or pointer\n    fireEvent.change(slider, { target: { value: newValue } });\n\n    // Check if onChange was called with the correct number value\n    // The mock calls onValueChange with an array, and the component calls onChange with the first element\n    // So the test spy should be called with the number.\n    expect(handleChange).toHaveBeenCalledWith(parseFloat(newValue));\n  });\n\n  it(\"disables the slider when disabled prop is true\", () => {\n    render(<Slider disabled name=\"testSlider\" />);\n    const slider = screen.getByTestId(\"base-slider\");\n    expect(slider).toBeDisabled();\n  });\n});\n"],"mappings":";;;;;;;;aAKkC;AAGlC,GAAG,KAAK,kBAAkB,EACxB,uBAAuB,GAAG,IAAI,EAC/B,EAAE;AAGH,GAAG,KAAK,4CAA4C,EAClD,QAAQ,GAAG,IAAI,EAAE,eAAe,OAAO,GAAG,YAAY;CAEpD,MAAM,gBAAgB,UAA+C;AAEnE,kBAAgB,CAAC,WAAW,MAAM,OAAO,MAAM,CAAC,CAAC;;AAEnD,QACE,oBAAC;EACC,eAAY;EACZ,UAAU;EACV,MAAK;EACL,OAAO,QAAQ,MAAM,MAAM,OAAO;EAClC,GAAI;GACJ;EAEJ,EACH,EAAE;AAEH,SAAS,gBAAgB;AACvB,WAAU,QAAQ;AAElB,IAAG,2CAA2C;AAC5C,SAAO,oBAAC,UAAO,MAAK,eAAe,CAAC;AACpC,SAAO,OAAO,YAAY,cAAc,CAAC,CAAC,mBAAmB;GAC7D;AAEF,IAAG,6DAA6D;AAC9D,SAAO,oBAAC;GAAO,KAAK;GAAI,KAAK;GAAI,MAAK;GAAa,MAAM;GAAG,OAAO;IAAM,CAAC;EAC1E,MAAM,SAAS,OAAO,YAAY,cAAc;AAChD,SAAO,OAAO,CAAC,gBAAgB,OAAO,KAAK;AAC3C,SAAO,OAAO,CAAC,gBAAgB,OAAO,KAAK;AAC3C,SAAO,OAAO,CAAC,gBAAgB,QAAQ,IAAI;AAC3C,SAAO,OAAO,CAAC,YAAY,KAAK;GAChC;AAEF,IAAG,yDAAyD;AAC1D,SAAO,oBAAC,UAAO,MAAK,eAAe,CAAC;EACpC,MAAM,SAAS,OAAO,YAAY,cAAc;AAChD,SAAO,OAAO,CAAC,gBAAgB,OAAO,IAAI;AAC1C,SAAO,OAAO,CAAC,gBAAgB,OAAO,MAAM;AAC5C,SAAO,OAAO,CAAC,gBAAgB,QAAQ,IAAI;AAC3C,SAAO,OAAO,CAAC,YAAY,IAAI;GAC/B;AAEF,IAAG,8CAA8C;AAC/C,SAAO,oBAAC;GAAO,KAAK;GAAG,MAAK;IAAe,CAAC;AAE5C,SADe,OAAO,YAAY,cAAc,CAClC,CAAC,YAAY,IAAI;GAC/B;AAEF,IAAG,gDAAgD,YAAY;AAChD,YAAU,OAAO;EAC9B,MAAM,eAAe,GAAG,IAAI;AAC5B,SACE,oBAAC;GAAO,KAAK;GAAK,KAAK;GAAG,MAAK;GAAa,UAAU;IAAgB,CACvE;EAED,MAAM,SAAS,OAAO,YAAY,cAAc;EAChD,MAAM,WAAW;AAIjB,YAAU,OAAO,QAAQ,EAAE,QAAQ,EAAE,OAAO,UAAU,EAAE,CAAC;AAKzD,SAAO,aAAa,CAAC,qBAAqB,WAAW,SAAS,CAAC;GAC/D;AAEF,IAAG,wDAAwD;AACzD,SAAO,oBAAC;GAAO;GAAS,MAAK;IAAe,CAAC;AAE7C,SADe,OAAO,YAAY,cAAc,CAClC,CAAC,cAAc;GAC7B;EACF"}

package/dist/esm/components/form/fields/Switch.spec.d.ts

@@ -1 +0,0 @@
-export { };

package/dist/esm/components/form/fields/Switch.spec.js

@@ -1,74 +0,0 @@
-import { Switch, init_Switch } from "./Switch.js";
-import React from "react";
-import { jsx } from "react/jsx-runtime";
-import { cleanup, render, screen } from "@testing-library/react";
-import { afterEach, describe, expect, it, vi } from "/home/runner/work/web/web/node_modules/.pnpm/vitest@4.0.16_@types+node@25.0.6_@vitest+browser-playwright@4.0.16_happy-dom@20.1.0_jit_f9bfc6b661e56e62de1f809a028e46f4/node_modules/vitest/dist/index.js";
-import userEvent from "/home/runner/work/web/web/node_modules/.pnpm/@testing-library+user-event@14.6.1_@testing-library+dom@10.4.0/node_modules/@testing-library/user-event/dist/esm/index.js";
-
-//#region src/components/form/fields/Switch.spec.tsx
-init_Switch();
-vi.mock("./index", () => ({ registerFormComponent: vi.fn() }));
-vi.mock("@lumeweb/portal-framework-ui-core", () => ({ Switch: vi.fn(({ checked, onCheckedChange, ...props }) => {
-	const handleChange = (event) => {
-		onCheckedChange?.(event.target.checked);
-	};
-	return /* @__PURE__ */ jsx("input", {
-		checked,
-		"data-testid": "base-switch",
-		onChange: handleChange,
-		type: "checkbox",
-		...props
-	});
-}) }));
-describe("Switch", () => {
-	afterEach(cleanup);
-	it("renders the base switch component (mocked as checkbox)", () => {
-		render(/* @__PURE__ */ jsx(Switch, { name: "testSwitch" }));
-		expect(screen.getByTestId("base-switch")).toBeInTheDocument();
-	});
-	it("passes checked and disabled props to the base switch", () => {
-		render(/* @__PURE__ */ jsx(Switch, {
-			disabled: true,
-			name: "testSwitch",
-			value: true
-		}));
-		const checkbox = screen.getByTestId("base-switch");
-		expect(checkbox).toBeChecked();
-		expect(checkbox).toBeDisabled();
-	});
-	it("handles unchecked state correctly", () => {
-		render(/* @__PURE__ */ jsx(Switch, {
-			name: "testSwitch",
-			value: false
-		}));
-		expect(screen.getByTestId("base-switch")).not.toBeChecked();
-	});
-	it("calls onChange when the switch state changes", async () => {
-		const user = userEvent.setup();
-		const handleChange = vi.fn();
-		render(/* @__PURE__ */ jsx(Switch, {
-			name: "testSwitch",
-			onChange: handleChange
-		}));
-		const checkbox = screen.getByTestId("base-switch");
-		await user.click(checkbox);
-		expect(handleChange).toHaveBeenCalledWith(true);
-		await user.click(checkbox);
-		expect(handleChange).toHaveBeenCalledWith(false);
-	});
-	it("calls onBlur when the switch is blurred", async () => {
-		const user = userEvent.setup();
-		const handleBlur = vi.fn();
-		render(/* @__PURE__ */ jsx(Switch, {
-			name: "testSwitch",
-			onBlur: handleBlur
-		}));
-		const checkbox = screen.getByTestId("base-switch");
-		await user.click(checkbox);
-		await user.tab();
-		expect(handleBlur).toHaveBeenCalled();
-	});
-});
-
-//#endregion
-//# sourceMappingURL=Switch.spec.js.map

package/dist/esm/components/form/fields/Switch.spec.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Switch.spec.js","names":[],"sources":["../../../../../src/components/form/fields/Switch.spec.tsx"],"sourcesContent":["import { cleanup, render, screen } from \"@testing-library/react\";\nimport userEvent from \"@testing-library/user-event\";\nimport React from \"react\";\nimport { afterEach, describe, expect, it, vi } from \"vitest\";\n\nimport { Switch } from \"./Switch\";\n\n// Mock the registerFormComponent to prevent side effects\nvi.mock(\"./index\", () => ({\n  registerFormComponent: vi.fn(),\n}));\n\n// Mock the base Switch component from ui-core\nvi.mock(\"@lumeweb/portal-framework-ui-core\", () => ({\n  Switch: vi.fn(({ checked, onCheckedChange, ...props }) => {\n    // Simple mock: render a checkbox and simulate change\n    const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n      onCheckedChange?.(event.target.checked);\n    };\n    return (\n      <input\n        checked={checked}\n        data-testid=\"base-switch\"\n        onChange={handleChange}\n        type=\"checkbox\"\n        {...props}\n      />\n    );\n  }),\n}));\n\ndescribe(\"Switch\", () => {\n  afterEach(cleanup);\n\n  it(\"renders the base switch component (mocked as checkbox)\", () => {\n    render(<Switch name=\"testSwitch\" />);\n    expect(screen.getByTestId(\"base-switch\")).toBeInTheDocument();\n  });\n\n  it(\"passes checked and disabled props to the base switch\", () => {\n    render(<Switch disabled name=\"testSwitch\" value />);\n    const checkbox = screen.getByTestId(\"base-switch\");\n    expect(checkbox).toBeChecked();\n    expect(checkbox).toBeDisabled();\n  });\n\n  it(\"handles unchecked state correctly\", () => {\n    render(<Switch name=\"testSwitch\" value={false} />);\n    const checkbox = screen.getByTestId(\"base-switch\");\n    expect(checkbox).not.toBeChecked();\n  });\n\n  it(\"calls onChange when the switch state changes\", async () => {\n    const user = userEvent.setup();\n    const handleChange = vi.fn();\n    render(<Switch name=\"testSwitch\" onChange={handleChange} />);\n\n    const checkbox = screen.getByTestId(\"base-switch\");\n    await user.click(checkbox); // Click to check\n\n    expect(handleChange).toHaveBeenCalledWith(true);\n\n    await user.click(checkbox); // Click to uncheck\n\n    expect(handleChange).toHaveBeenCalledWith(false);\n  });\n\n  it(\"calls onBlur when the switch is blurred\", async () => {\n    const user = userEvent.setup();\n    const handleBlur = vi.fn();\n    render(<Switch name=\"testSwitch\" onBlur={handleBlur} />);\n\n    const checkbox = screen.getByTestId(\"base-switch\");\n    await user.click(checkbox); // Focus the element (clicking can focus)\n    await user.tab(); // Blur the element\n\n    expect(handleBlur).toHaveBeenCalled();\n  });\n});\n"],"mappings":";;;;;;;;aAKkC;AAGlC,GAAG,KAAK,kBAAkB,EACxB,uBAAuB,GAAG,IAAI,EAC/B,EAAE;AAGH,GAAG,KAAK,4CAA4C,EAClD,QAAQ,GAAG,IAAI,EAAE,SAAS,iBAAiB,GAAG,YAAY;CAExD,MAAM,gBAAgB,UAA+C;AACnE,oBAAkB,MAAM,OAAO,QAAQ;;AAEzC,QACE,oBAAC;EACU;EACT,eAAY;EACZ,UAAU;EACV,MAAK;EACL,GAAI;GACJ;EAEJ,EACH,EAAE;AAEH,SAAS,gBAAgB;AACvB,WAAU,QAAQ;AAElB,IAAG,gEAAgE;AACjE,SAAO,oBAAC,UAAO,MAAK,eAAe,CAAC;AACpC,SAAO,OAAO,YAAY,cAAc,CAAC,CAAC,mBAAmB;GAC7D;AAEF,IAAG,8DAA8D;AAC/D,SAAO,oBAAC;GAAO;GAAS,MAAK;GAAa;IAAQ,CAAC;EACnD,MAAM,WAAW,OAAO,YAAY,cAAc;AAClD,SAAO,SAAS,CAAC,aAAa;AAC9B,SAAO,SAAS,CAAC,cAAc;GAC/B;AAEF,IAAG,2CAA2C;AAC5C,SAAO,oBAAC;GAAO,MAAK;GAAa,OAAO;IAAS,CAAC;AAElD,SADiB,OAAO,YAAY,cAAc,CAClC,CAAC,IAAI,aAAa;GAClC;AAEF,IAAG,gDAAgD,YAAY;EAC7D,MAAM,OAAO,UAAU,OAAO;EAC9B,MAAM,eAAe,GAAG,IAAI;AAC5B,SAAO,oBAAC;GAAO,MAAK;GAAa,UAAU;IAAgB,CAAC;EAE5D,MAAM,WAAW,OAAO,YAAY,cAAc;AAClD,QAAM,KAAK,MAAM,SAAS;AAE1B,SAAO,aAAa,CAAC,qBAAqB,KAAK;AAE/C,QAAM,KAAK,MAAM,SAAS;AAE1B,SAAO,aAAa,CAAC,qBAAqB,MAAM;GAChD;AAEF,IAAG,2CAA2C,YAAY;EACxD,MAAM,OAAO,UAAU,OAAO;EAC9B,MAAM,aAAa,GAAG,IAAI;AAC1B,SAAO,oBAAC;GAAO,MAAK;GAAa,QAAQ;IAAc,CAAC;EAExD,MAAM,WAAW,OAAO,YAAY,cAAc;AAClD,QAAM,KAAK,MAAM,SAAS;AAC1B,QAAM,KAAK,KAAK;AAEhB,SAAO,WAAW,CAAC,kBAAkB;GACrC;EACF"}

package/dist/esm/components/form/fields/Textarea.spec.d.ts

@@ -1 +0,0 @@
-export { };