udp-react-enterprise-component-library 26.5.0-beta.2 → 26.5.0-beta.21

package/dist/test/TestStencilWrappedComponentsPage.js

@@ -1,131 +0,0 @@
-import React, { useState, useEffect, useRef } from 'react';
-import { UdpFluentButton, UdpFluentDrawer, UdpFluentTablist, UdpTabPanel, UdpFluentDialog, UdpFluentTextInput, UdpFluentCheckbox, UdpFormComponent, UdpField, UdpFluentMenu, UdpCompoundButton, UdpIcon } from 'udp-react-stencil-component-library';
-import { ClientSideUdpGrid } from '../UI/templates/newGrid';
-const checkboxMenuItems = [
-    {
-        id: 'c1-1',
-        text: 'Checkbox 1-A',
-        sectionNumber: 1,
-        type: 'checkbox'
-    },
-    {
-        id: 'c1-2',
-        text: 'Checkbox 1-B',
-        sectionNumber: 1,
-        type: 'checkbox'
-    },
-    {
-        id: 'c2-1',
-        text: 'Checkbox 2-A',
-        sectionNumber: 2,
-        type: 'checkbox'
-    },
-    {
-        id: 'c2-2',
-        text: 'Checkbox 2-B',
-        sectionNumber: 2,
-        type: 'checkbox'
-    },
-    { id: 'c3', text: 'More Options' },
-    {
-        id: 'c3-1',
-        text: 'Sub Checkbox 1',
-        parentId: 'c3',
-        type: 'checkbox'
-    },
-    {
-        id: 'c3-2',
-        text: 'Sub Checkbox 2',
-        parentId: 'c3',
-        type: 'checkbox'
-    }
-];
-const mustHaveExclamation = (value) => {
-    // 1. Skip validation if empty (let 'required' handle empty states)
-    if (!value)
-        return undefined;
-    // 2. Check logic
-    if (typeof value === 'string' && value.includes('!')) {
-        return undefined; // Valid
-    }
-    // 3. Return error message
-    return 'You must include an exclamation mark (!)';
-};
-export const TestStencilWrappedComponentsPage = () => {
-    const [open, setOpen] = useState(false);
-    const [dialogOpen, setDialogOpen] = useState(false);
-    const [formDrawerOpen, setFormDrawerOpen] = useState(false);
-    const [activeTab, setActiveTab] = useState('tab1');
-    const [formData, setFormData] = useState({});
-    const [isLoading, setIsLoading] = useState(true);
-    const formInstance = useRef(null);
-    useEffect(() => {
-        // Simulate an API call taking 2 seconds
-        console.log('Fetching data...');
-        const timer = setTimeout(() => {
-            setFormData({
-                firstName: 'Async John',
-                email: 'async_john@example.com',
-                age: '45', // Note: Strings are safer for inputs than numbers
-                newsletter: true,
-                exclamation: 'Late arrival!'
-            });
-            setIsLoading(false);
-        }, 2000);
-        return () => clearTimeout(timer);
-    }, []);
-    const handleDrawerClose = () => {
-        setOpen(false);
-    };
-    const handleDialogClose = () => {
-        setDialogOpen(false);
-    };
-    const handleFormDrawerClose = () => {
-        setFormDrawerOpen(false);
-    };
-    const handleFormSubmit = (values) => {
-        console.log('Form submitted with values:', values);
-        setFormDrawerOpen(false);
-    };
-    const validateForm = (values) => {
-        const errors = {};
-        console.log('Validating:', values);
-        return errors;
-    };
-    const handleFormReady = (e) => {
-        formInstance.current = e.detail;
-    };
-    return (React.createElement("div", { style: {
-            display: 'flex',
-            flexDirection: 'column'
-        } }, React.createElement(UdpFluentButton, { onClick: () => setOpen(true) }, "Open Sideshee"), React.createElement(UdpFluentButton, { onClick: () => setFormDrawerOpen(true) }, "Open Form Drawe"), React.createElement(UdpCompoundButton, { appearance: "transparent", shape: "rounded", size: "medium", onClick: () => console.log('Compound Button Clicked') }, React.createElement("span", { slot: "description" }, "Description content"), React.createElement(UdpIcon, { iconName: "add", slot: "start", color: "inherit" }), "Compound Butto"), React.createElement(UdpFluentDrawer, { open: open, onDrawerClose: handleDrawerClose, title: "Drawer Title" }, React.createElement(ClientSideUdpGrid, { columnDefs: [
-            { field: 'make' },
-            { field: 'model' },
-            { field: 'price' }
-        ], rowData: [
-            { make: 'Toyota', model: 'Celica', price: 35000 },
-            { make: 'Ford', model: 'Mondeo', price: 32000 },
-            { make: 'Porsche', model: 'Boxster', price: 72000 }
-        ] })), React.createElement(UdpFluentDrawer, { open: formDrawerOpen, onDrawerClose: handleFormDrawerClose }, isLoading ? (React.createElement("div", null, "Loading form data...")) : (React.createElement(UdpFormComponent, { id: "user-form", validate: validateForm, onFormReady: handleFormReady, onSubmit: handleFormSubmit, initialValues: formData }, React.createElement("div", { style: { display: 'flex', gap: '1rem', flexDirection: 'column' } }, React.createElement(UdpField, { name: "firstName" }, React.createElement(UdpFluentTextInput, { label: "First Name" })), React.createElement(UdpField, { name: "email" }, React.createElement(UdpFluentTextInput, { label: "Email Address", type: "email", autoFocus: true, controlSize: "large", value: "jordanatchison@univerus.com" })), React.createElement(UdpField, { name: "age" }, React.createElement(UdpFluentTextInput, { label: "Age", required: true })), React.createElement(UdpField, { name: "exclamation", validate: mustHaveExclamation }, React.createElement(UdpFluentTextInput, { label: "Exclamation", hint: "exclamation mark please" })), React.createElement(UdpField, { name: "newsletter" }, React.createElement(UdpFluentCheckbox, { disabled: true, label: "Subscribe to newsletter", hint: "We will only send you emails about important updates" }))))), React.createElement(UdpFluentButton, { appearance: "primary", slot: "footer", onClick: () => {
-            var _a;
-            return void ((_a = formInstance.current) === null || _a === void 0 ? void 0 : _a.submit());
-        } }, "Submit For")), React.createElement("div", { style: {
-            display: 'flex',
-            flexDirection: 'column',
-            gap: '1rem',
-            marginTop: '2rem'
-        } }, React.createElement(UdpFluentTablist, { activeId: activeTab, appearance: "transparent", size: "small", orientation: "vertical", onTabChange: (e) => setActiveTab(e.detail), tabList: [
-            { id: 'tab1', label: 'Tab 1 (Static)' },
-            { id: 'tab2', label: 'Tab 2 (Lazy)' },
-            { id: 'tab3', label: 'Tab 3 (Default Lazy)' }
-        ] }), React.createElement("div", { style: { padding: '1rem', border: '1px solid #ccc' } }, React.createElement(UdpTabPanel, { id: "tab1", activeTabId: activeTab }, React.createElement("h3", null, "Dialog Example"), React.createElement(UdpFluentButton, { onClick: () => setDialogOpen(true) }, "Open Dialo"), React.createElement(UdpFluentDialog, { open: dialogOpen, title: "Example Dialog", onDialogClose: handleDialogClose }, React.createElement(UdpFluentButton, { slot: "action", onClick: handleDialogClose }, "Submi"), React.createElement("div", null, "This is a simple dialog example.")), React.createElement(UdpFluentMenu, { items: checkboxMenuItems, onClick: (item) => console.log(item), label: "Menu" })), React.createElement(UdpTabPanel, { id: "tab2", activeTabId: activeTab }, React.createElement(ClientSideUdpGrid, { columnDefs: [
-            { field: 'make' },
-            { field: 'model' },
-            { field: 'price' }
-        ], rowData: [
-            { make: 'Toyota', model: 'Celica', price: 35000 },
-            { make: 'Ford', model: 'Mondeo', price: 32000 },
-            { make: 'Porsche', model: 'Boxster', price: 72000 }
-        ] })), React.createElement(UdpTabPanel, { id: "tab3", activeTabId: activeTab }, React.createElement("h3", null, "Tab 3 Content (Default Lazy)"), React.createElement("p", null, "This content is lazy loaded by default."))))));
-};
-//# sourceMappingURL=TestStencilWrappedComponentsPage.js.map

package/dist/test/TestStencilWrappedComponentsPage.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TestStencilWrappedComponentsPage.js","sourceRoot":"","sources":["../../src/test/TestStencilWrappedComponentsPage.tsx"],"names":[],"mappings":"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"}

package/dist/test/TestStencilWrappedComponentsPage.mjs

@@ -1,463 +0,0 @@
-import { ClientSideUdpGrid } from "../UI/templates/newGrid/ClientSideUdpGrid.mjs";
-import { c } from "react-compiler-runtime";
-import React, { useEffect, useRef, useState } from "react";
-import { UdpCompoundButton, UdpField, UdpFluentButton, UdpFluentCheckbox, UdpFluentDialog, UdpFluentDrawer, UdpFluentMenu, UdpFluentTablist, UdpFluentTextInput, UdpFormComponent, UdpIcon, UdpTabPanel } from "udp-react-stencil-component-library";
-//#region src/test/TestStencilWrappedComponentsPage.tsx
-const checkboxMenuItems = [
-	{
-		id: "c1-1",
-		text: "Checkbox 1-A",
-		sectionNumber: 1,
-		type: "checkbox"
-	},
-	{
-		id: "c1-2",
-		text: "Checkbox 1-B",
-		sectionNumber: 1,
-		type: "checkbox"
-	},
-	{
-		id: "c2-1",
-		text: "Checkbox 2-A",
-		sectionNumber: 2,
-		type: "checkbox"
-	},
-	{
-		id: "c2-2",
-		text: "Checkbox 2-B",
-		sectionNumber: 2,
-		type: "checkbox"
-	},
-	{
-		id: "c3",
-		text: "More Options"
-	},
-	{
-		id: "c3-1",
-		text: "Sub Checkbox 1",
-		parentId: "c3",
-		type: "checkbox"
-	},
-	{
-		id: "c3-2",
-		text: "Sub Checkbox 2",
-		parentId: "c3",
-		type: "checkbox"
-	}
-];
-const mustHaveExclamation = (value) => {
-	if (!value) return void 0;
-	if (typeof value === "string" && value.includes("!")) return;
-	return "You must include an exclamation mark (!)";
-};
-const TestStencilWrappedComponentsPage = () => {
-	const $ = c(56);
-	const [open, setOpen] = useState(false);
-	const [dialogOpen, setDialogOpen] = useState(false);
-	const [formDrawerOpen, setFormDrawerOpen] = useState(false);
-	const [activeTab, setActiveTab] = useState("tab1");
-	let t0;
-	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-		t0 = {};
-		$[0] = t0;
-	} else t0 = $[0];
-	const [formData, setFormData] = useState(t0);
-	const [isLoading, setIsLoading] = useState(true);
-	const formInstance = useRef(null);
-	let t1;
-	let t2;
-	if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
-		t1 = () => {
-			console.log("Fetching data...");
-			const timer = setTimeout(() => {
-				setFormData({
-					firstName: "Async John",
-					email: "async_john@example.com",
-					age: "45",
-					newsletter: true,
-					exclamation: "Late arrival!"
-				});
-				setIsLoading(false);
-			}, 2e3);
-			return () => clearTimeout(timer);
-		};
-		t2 = [];
-		$[1] = t1;
-		$[2] = t2;
-	} else {
-		t1 = $[1];
-		t2 = $[2];
-	}
-	useEffect(t1, t2);
-	let t3;
-	if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
-		t3 = () => {
-			setOpen(false);
-		};
-		$[3] = t3;
-	} else t3 = $[3];
-	const handleDrawerClose = t3;
-	let t4;
-	if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
-		t4 = () => {
-			setDialogOpen(false);
-		};
-		$[4] = t4;
-	} else t4 = $[4];
-	const handleDialogClose = t4;
-	let t5;
-	if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
-		t5 = () => {
-			setFormDrawerOpen(false);
-		};
-		$[5] = t5;
-	} else t5 = $[5];
-	const handleFormDrawerClose = t5;
-	let t6;
-	if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
-		t6 = (values) => {
-			console.log("Form submitted with values:", values);
-			setFormDrawerOpen(false);
-		};
-		$[6] = t6;
-	} else t6 = $[6];
-	const handleFormSubmit = t6;
-	const validateForm = _temp;
-	let t7;
-	if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
-		t7 = (e) => {
-			formInstance.current = e.detail;
-		};
-		$[7] = t7;
-	} else t7 = $[7];
-	const handleFormReady = t7;
-	let t8;
-	if ($[8] === Symbol.for("react.memo_cache_sentinel")) {
-		t8 = {
-			display: "flex",
-			flexDirection: "column"
-		};
-		$[8] = t8;
-	} else t8 = $[8];
-	let t9;
-	if ($[9] === Symbol.for("react.memo_cache_sentinel")) {
-		t9 = /* @__PURE__ */ React.createElement(UdpFluentButton, { onClick: () => setOpen(true) }, "Open Sidesheet");
-		$[9] = t9;
-	} else t9 = $[9];
-	let t10;
-	if ($[10] === Symbol.for("react.memo_cache_sentinel")) {
-		t10 = /* @__PURE__ */ React.createElement(UdpFluentButton, { onClick: () => setFormDrawerOpen(true) }, "Open Form Drawer");
-		$[10] = t10;
-	} else t10 = $[10];
-	let t11;
-	if ($[11] === Symbol.for("react.memo_cache_sentinel")) {
-		t11 = /* @__PURE__ */ React.createElement(UdpCompoundButton, {
-			appearance: "transparent",
-			shape: "rounded",
-			size: "medium",
-			onClick: _temp2
-		}, /* @__PURE__ */ React.createElement("span", { slot: "description" }, "Description content"), /* @__PURE__ */ React.createElement(UdpIcon, {
-			iconName: "add",
-			slot: "start",
-			color: "inherit"
-		}), "Compound Button");
-		$[11] = t11;
-	} else t11 = $[11];
-	let t12;
-	if ($[12] === Symbol.for("react.memo_cache_sentinel")) {
-		t12 = /* @__PURE__ */ React.createElement(ClientSideUdpGrid, {
-			columnDefs: [
-				{ field: "make" },
-				{ field: "model" },
-				{ field: "price" }
-			],
-			rowData: [
-				{
-					make: "Toyota",
-					model: "Celica",
-					price: 35e3
-				},
-				{
-					make: "Ford",
-					model: "Mondeo",
-					price: 32e3
-				},
-				{
-					make: "Porsche",
-					model: "Boxster",
-					price: 72e3
-				}
-			]
-		});
-		$[12] = t12;
-	} else t12 = $[12];
-	let t13;
-	if ($[13] !== open) {
-		t13 = /* @__PURE__ */ React.createElement(UdpFluentDrawer, {
-			open,
-			onDrawerClose: handleDrawerClose,
-			title: "Drawer Title"
-		}, t12);
-		$[13] = open;
-		$[14] = t13;
-	} else t13 = $[14];
-	let t14;
-	if ($[15] !== formData || $[16] !== isLoading) {
-		t14 = isLoading ? /* @__PURE__ */ React.createElement("div", null, "Loading form data...") : /* @__PURE__ */ React.createElement(UdpFormComponent, {
-			id: "user-form",
-			validate: validateForm,
-			onFormReady: handleFormReady,
-			onSubmit: handleFormSubmit,
-			initialValues: formData
-		}, /* @__PURE__ */ React.createElement("div", { style: {
-			display: "flex",
-			gap: "1rem",
-			flexDirection: "column"
-		} }, /* @__PURE__ */ React.createElement(UdpField, { name: "firstName" }, /* @__PURE__ */ React.createElement(UdpFluentTextInput, { label: "First Name" })), /* @__PURE__ */ React.createElement(UdpField, { name: "email" }, /* @__PURE__ */ React.createElement(UdpFluentTextInput, {
-			label: "Email Address",
-			type: "email",
-			autoFocus: true,
-			controlSize: "large",
-			value: "jordanatchison@univerus.com"
-		})), /* @__PURE__ */ React.createElement(UdpField, { name: "age" }, /* @__PURE__ */ React.createElement(UdpFluentTextInput, {
-			label: "Age",
-			required: true
-		})), /* @__PURE__ */ React.createElement(UdpField, {
-			name: "exclamation",
-			validate: mustHaveExclamation
-		}, /* @__PURE__ */ React.createElement(UdpFluentTextInput, {
-			label: "Exclamation",
-			hint: "exclamation mark please"
-		})), /* @__PURE__ */ React.createElement(UdpField, { name: "newsletter" }, /* @__PURE__ */ React.createElement(UdpFluentCheckbox, {
-			disabled: true,
-			label: "Subscribe to newsletter",
-			hint: "We will only send you emails about important updates"
-		}))));
-		$[15] = formData;
-		$[16] = isLoading;
-		$[17] = t14;
-	} else t14 = $[17];
-	let t15;
-	if ($[18] === Symbol.for("react.memo_cache_sentinel")) {
-		t15 = /* @__PURE__ */ React.createElement(UdpFluentButton, {
-			appearance: "primary",
-			slot: "footer",
-			onClick: () => void formInstance.current?.submit()
-		}, "Submit Form");
-		$[18] = t15;
-	} else t15 = $[18];
-	let t16;
-	if ($[19] !== formDrawerOpen || $[20] !== t14) {
-		t16 = /* @__PURE__ */ React.createElement(UdpFluentDrawer, {
-			open: formDrawerOpen,
-			onDrawerClose: handleFormDrawerClose
-		}, t14, t15);
-		$[19] = formDrawerOpen;
-		$[20] = t14;
-		$[21] = t16;
-	} else t16 = $[21];
-	let t17;
-	if ($[22] === Symbol.for("react.memo_cache_sentinel")) {
-		t17 = {
-			display: "flex",
-			flexDirection: "column",
-			gap: "1rem",
-			marginTop: "2rem"
-		};
-		$[22] = t17;
-	} else t17 = $[22];
-	let t18;
-	let t19;
-	if ($[23] === Symbol.for("react.memo_cache_sentinel")) {
-		t18 = (e_0) => setActiveTab(e_0.detail);
-		t19 = [
-			{
-				id: "tab1",
-				label: "Tab 1 (Static)"
-			},
-			{
-				id: "tab2",
-				label: "Tab 2 (Lazy)"
-			},
-			{
-				id: "tab3",
-				label: "Tab 3 (Default Lazy)"
-			}
-		];
-		$[23] = t18;
-		$[24] = t19;
-	} else {
-		t18 = $[23];
-		t19 = $[24];
-	}
-	let t20;
-	if ($[25] !== activeTab) {
-		t20 = /* @__PURE__ */ React.createElement(UdpFluentTablist, {
-			activeId: activeTab,
-			appearance: "transparent",
-			size: "small",
-			orientation: "vertical",
-			onTabChange: t18,
-			tabList: t19
-		});
-		$[25] = activeTab;
-		$[26] = t20;
-	} else t20 = $[26];
-	let t21;
-	if ($[27] === Symbol.for("react.memo_cache_sentinel")) {
-		t21 = {
-			padding: "1rem",
-			border: "1px solid #ccc"
-		};
-		$[27] = t21;
-	} else t21 = $[27];
-	let t22;
-	if ($[28] === Symbol.for("react.memo_cache_sentinel")) {
-		t22 = /* @__PURE__ */ React.createElement("h3", null, "Dialog Example");
-		$[28] = t22;
-	} else t22 = $[28];
-	let t23;
-	if ($[29] === Symbol.for("react.memo_cache_sentinel")) {
-		t23 = /* @__PURE__ */ React.createElement(UdpFluentButton, { onClick: () => setDialogOpen(true) }, "Open Dialog");
-		$[29] = t23;
-	} else t23 = $[29];
-	let t24;
-	let t25;
-	if ($[30] === Symbol.for("react.memo_cache_sentinel")) {
-		t24 = /* @__PURE__ */ React.createElement(UdpFluentButton, {
-			slot: "action",
-			onClick: handleDialogClose
-		}, "Submit");
-		t25 = /* @__PURE__ */ React.createElement("div", null, "This is a simple dialog example.");
-		$[30] = t24;
-		$[31] = t25;
-	} else {
-		t24 = $[30];
-		t25 = $[31];
-	}
-	let t26;
-	if ($[32] !== dialogOpen) {
-		t26 = /* @__PURE__ */ React.createElement(UdpFluentDialog, {
-			open: dialogOpen,
-			title: "Example Dialog",
-			onDialogClose: handleDialogClose
-		}, t24, t25);
-		$[32] = dialogOpen;
-		$[33] = t26;
-	} else t26 = $[33];
-	let t27;
-	if ($[34] === Symbol.for("react.memo_cache_sentinel")) {
-		t27 = /* @__PURE__ */ React.createElement(UdpFluentMenu, {
-			items: checkboxMenuItems,
-			onClick: _temp3,
-			label: "Menu"
-		});
-		$[34] = t27;
-	} else t27 = $[34];
-	let t28;
-	if ($[35] !== activeTab || $[36] !== t26) {
-		t28 = /* @__PURE__ */ React.createElement(UdpTabPanel, {
-			id: "tab1",
-			activeTabId: activeTab
-		}, t22, t23, t26, t27);
-		$[35] = activeTab;
-		$[36] = t26;
-		$[37] = t28;
-	} else t28 = $[37];
-	let t29;
-	if ($[38] === Symbol.for("react.memo_cache_sentinel")) {
-		t29 = /* @__PURE__ */ React.createElement(ClientSideUdpGrid, {
-			columnDefs: [
-				{ field: "make" },
-				{ field: "model" },
-				{ field: "price" }
-			],
-			rowData: [
-				{
-					make: "Toyota",
-					model: "Celica",
-					price: 35e3
-				},
-				{
-					make: "Ford",
-					model: "Mondeo",
-					price: 32e3
-				},
-				{
-					make: "Porsche",
-					model: "Boxster",
-					price: 72e3
-				}
-			]
-		});
-		$[38] = t29;
-	} else t29 = $[38];
-	let t30;
-	if ($[39] !== activeTab) {
-		t30 = /* @__PURE__ */ React.createElement(UdpTabPanel, {
-			id: "tab2",
-			activeTabId: activeTab
-		}, t29);
-		$[39] = activeTab;
-		$[40] = t30;
-	} else t30 = $[40];
-	let t31;
-	let t32;
-	if ($[41] === Symbol.for("react.memo_cache_sentinel")) {
-		t31 = /* @__PURE__ */ React.createElement("h3", null, "Tab 3 Content (Default Lazy)");
-		t32 = /* @__PURE__ */ React.createElement("p", null, "This content is lazy loaded by default.");
-		$[41] = t31;
-		$[42] = t32;
-	} else {
-		t31 = $[41];
-		t32 = $[42];
-	}
-	let t33;
-	if ($[43] !== activeTab) {
-		t33 = /* @__PURE__ */ React.createElement(UdpTabPanel, {
-			id: "tab3",
-			activeTabId: activeTab
-		}, t31, t32);
-		$[43] = activeTab;
-		$[44] = t33;
-	} else t33 = $[44];
-	let t34;
-	if ($[45] !== t28 || $[46] !== t30 || $[47] !== t33) {
-		t34 = /* @__PURE__ */ React.createElement("div", { style: t21 }, t28, t30, t33);
-		$[45] = t28;
-		$[46] = t30;
-		$[47] = t33;
-		$[48] = t34;
-	} else t34 = $[48];
-	let t35;
-	if ($[49] !== t20 || $[50] !== t34) {
-		t35 = /* @__PURE__ */ React.createElement("div", { style: t17 }, t20, t34);
-		$[49] = t20;
-		$[50] = t34;
-		$[51] = t35;
-	} else t35 = $[51];
-	let t36;
-	if ($[52] !== t13 || $[53] !== t16 || $[54] !== t35) {
-		t36 = /* @__PURE__ */ React.createElement("div", { style: t8 }, t9, t10, t11, t13, t16, t35);
-		$[52] = t13;
-		$[53] = t16;
-		$[54] = t35;
-		$[55] = t36;
-	} else t36 = $[55];
-	return t36;
-};
-function _temp(values_0) {
-	const errors = {};
-	console.log("Validating:", values_0);
-	return errors;
-}
-function _temp2() {
-	return console.log("Compound Button Clicked");
-}
-function _temp3(item) {
-	return console.log(item);
-}
-//#endregion
-export { TestStencilWrappedComponentsPage };
-
-//# sourceMappingURL=TestStencilWrappedComponentsPage.mjs.map

package/dist/test/TestStencilWrappedComponentsPage.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"TestStencilWrappedComponentsPage.mjs","names":["React","useState","useEffect","useRef","UdpFluentButton","UdpFluentDrawer","UdpFluentTablist","UdpTabPanel","UdpFluentDialog","UdpFluentTextInput","UdpFluentCheckbox","UdpFormComponent","UdpField","UdpFluentMenu","UdpCompoundButton","UdpIcon","ClientSideUdpGrid","FormApi","checkboxMenuItems","id","text","sectionNumber","type","parentId","TestFormValues","firstName","email","age","newsletter","exclamation","mustHaveExclamation","value","undefined","includes","TestStencilWrappedComponentsPage","$","_c","open","setOpen","dialogOpen","setDialogOpen","formDrawerOpen","setFormDrawerOpen","activeTab","setActiveTab","t0","Symbol","for","formData","setFormData","isLoading","setIsLoading","formInstance","t1","t2","console","log","timer","setTimeout","clearTimeout","t3","handleDrawerClose","t4","handleDialogClose","t5","handleFormDrawerClose","t6","values","handleFormSubmit","validateForm","_temp","t7","e","current","detail","handleFormReady","t8","display","flexDirection","t9","t10","t11","_temp2","t12","field","make","model","price","t13","t14","gap","t15","submit","t16","t17","marginTop","t18","t19","e_0","label","t20","t21","padding","border","t22","t23","t24","t25","t26","t27","_temp3","t28","t29","t30","t31","t32","t33","t34","t35","t36","values_0","errors","item"],"sources":["../../src/test/TestStencilWrappedComponentsPage.tsx"],"sourcesContent":["import React, { useState, useEffect, useRef } from 'react';\nimport {\n  UdpFluentButton,\n  UdpFluentDrawer,\n  UdpFluentTablist,\n  UdpTabPanel,\n  UdpFluentDialog,\n  UdpFluentTextInput,\n  UdpFluentCheckbox,\n  UdpFormComponent,\n  UdpField,\n  UdpFluentMenu,\n  UdpCompoundButton,\n  UdpIcon\n} from '@univerus/udp-react-stencil-component-library';\nimport { ClientSideUdpGrid } from '../UI/templates/newGrid';\nimport { FormApi } from 'final-form';\n\nconst checkboxMenuItems = [\n  {\n    id: 'c1-1',\n    text: 'Checkbox 1-A',\n    sectionNumber: 1,\n    type: 'checkbox'\n  },\n  {\n    id: 'c1-2',\n    text: 'Checkbox 1-B',\n    sectionNumber: 1,\n    type: 'checkbox'\n  },\n  {\n    id: 'c2-1',\n    text: 'Checkbox 2-A',\n    sectionNumber: 2,\n    type: 'checkbox'\n  },\n  {\n    id: 'c2-2',\n    text: 'Checkbox 2-B',\n    sectionNumber: 2,\n    type: 'checkbox'\n  },\n  { id: 'c3', text: 'More Options' },\n  {\n    id: 'c3-1',\n    text: 'Sub Checkbox 1',\n    parentId: 'c3',\n    type: 'checkbox'\n  },\n  {\n    id: 'c3-2',\n    text: 'Sub Checkbox 2',\n    parentId: 'c3',\n    type: 'checkbox'\n  }\n];\n\n// This file is meant to import react wrapped stencil components and test them individually\n\ninterface TestFormValues {\n  firstName?: string;\n  email?: string;\n  age?: string;\n  newsletter?: boolean;\n  exclamation?: string;\n}\n\nconst mustHaveExclamation = (value: unknown) => {\n  // 1. Skip validation if empty (let 'required' handle empty states)\n  if (!value) return undefined;\n\n  // 2. Check logic\n  if (typeof value === 'string' && value.includes('!')) {\n    return undefined; // Valid\n  }\n\n  // 3. Return error message\n  return 'You must include an exclamation mark (!)';\n};\n\nexport const TestStencilWrappedComponentsPage = () => {\n  const [open, setOpen] = useState(false);\n  const [dialogOpen, setDialogOpen] = useState(false);\n  const [formDrawerOpen, setFormDrawerOpen] = useState(false);\n  const [activeTab, setActiveTab] = useState('tab1');\n  const [formData, setFormData] = useState<TestFormValues>({});\n  const [isLoading, setIsLoading] = useState(true);\n  const formInstance = useRef<FormApi | null>(null);\n\n  useEffect(() => {\n    // Simulate an API call taking 2 seconds\n    console.log('Fetching data...');\n    const timer = setTimeout(() => {\n      setFormData({\n        firstName: 'Async John',\n        email: 'async_john@example.com',\n        age: '45', // Note: Strings are safer for inputs than numbers\n        newsletter: true,\n        exclamation: 'Late arrival!'\n      });\n      setIsLoading(false);\n    }, 2000);\n\n    return () => clearTimeout(timer);\n  }, []);\n\n  const handleDrawerClose = () => {\n    setOpen(false);\n  };\n\n  const handleDialogClose = () => {\n    setDialogOpen(false);\n  };\n\n  const handleFormDrawerClose = () => {\n    setFormDrawerOpen(false);\n  };\n\n  const handleFormSubmit = (values: TestFormValues) => {\n    console.log('Form submitted with values:', values);\n    setFormDrawerOpen(false);\n  };\n\n  const validateForm = (values: TestFormValues) => {\n    const errors: Partial<Record<keyof TestFormValues, string>> = {};\n    console.log('Validating:', values);\n    return errors;\n  };\n\n  const handleFormReady = (e: CustomEvent<FormApi>) => {\n    formInstance.current = e.detail;\n  };\n\n  return (\n    <div\n      style={{\n        display: 'flex',\n        flexDirection: 'column'\n      }}\n    >\n      <UdpFluentButton onClick={() => setOpen(true)}>\n        Open Sidesheet\n      </UdpFluentButton>\n      <UdpFluentButton onClick={() => setFormDrawerOpen(true)}>\n        Open Form Drawer\n      </UdpFluentButton>\n      <UdpCompoundButton\n        appearance='transparent'\n        shape='rounded'\n        size='medium'\n        onClick={() => console.log('Compound Button Clicked')}\n      >\n        <span slot='description'>Description content</span>\n        <UdpIcon iconName='add' slot='start' color='inherit'></UdpIcon>\n        Compound Button\n      </UdpCompoundButton>\n      <UdpFluentDrawer\n        open={open}\n        onDrawerClose={handleDrawerClose}\n        title='Drawer Title'\n      >\n        <ClientSideUdpGrid\n          columnDefs={[\n            { field: 'make' },\n            { field: 'model' },\n            { field: 'price' }\n          ]}\n          rowData={[\n            { make: 'Toyota', model: 'Celica', price: 35000 },\n            { make: 'Ford', model: 'Mondeo', price: 32000 },\n            { make: 'Porsche', model: 'Boxster', price: 72000 }\n          ]}\n        />\n      </UdpFluentDrawer>\n\n      <UdpFluentDrawer\n        open={formDrawerOpen}\n        onDrawerClose={handleFormDrawerClose}\n      >\n        {isLoading ? (\n          <div>Loading form data...</div>\n        ) : (\n          <UdpFormComponent\n            id='user-form'\n            validate={validateForm}\n            onFormReady={handleFormReady}\n            onSubmit={handleFormSubmit}\n            initialValues={formData}\n          >\n            <div\n              style={{ display: 'flex', gap: '1rem', flexDirection: 'column' }}\n            >\n              <UdpField name='firstName'>\n                <UdpFluentTextInput label='First Name'></UdpFluentTextInput>\n              </UdpField>\n\n              <UdpField name='email'>\n                <UdpFluentTextInput\n                  label='Email Address'\n                  type='email'\n                  autoFocus={true}\n                  controlSize='large'\n                  value='jordanatchison@univerus.com'\n                ></UdpFluentTextInput>\n              </UdpField>\n\n              <UdpField name='age'>\n                <UdpFluentTextInput label='Age' required></UdpFluentTextInput>\n              </UdpField>\n\n              <UdpField name='exclamation' validate={mustHaveExclamation}>\n                <UdpFluentTextInput\n                  label='Exclamation'\n                  hint='exclamation mark please'\n                ></UdpFluentTextInput>\n              </UdpField>\n\n              <UdpField name='newsletter'>\n                <UdpFluentCheckbox\n                  disabled\n                  label='Subscribe to newsletter'\n                  hint='We will only send you emails about important updates'\n                ></UdpFluentCheckbox>\n              </UdpField>\n            </div>\n          </UdpFormComponent>\n        )}\n\n        <UdpFluentButton\n          appearance='primary'\n          slot='footer'\n          onClick={() => void formInstance.current?.submit()}\n        >\n          Submit Form\n        </UdpFluentButton>\n      </UdpFluentDrawer>\n\n      <div\n        style={{\n          display: 'flex',\n          flexDirection: 'column',\n          gap: '1rem',\n          marginTop: '2rem'\n        }}\n      >\n        <UdpFluentTablist\n          activeId={activeTab}\n          appearance='transparent'\n          size='small'\n          orientation='vertical'\n          onTabChange={(e: CustomEvent<string>) => setActiveTab(e.detail)}\n          tabList={[\n            { id: 'tab1', label: 'Tab 1 (Static)' },\n            { id: 'tab2', label: 'Tab 2 (Lazy)' },\n            { id: 'tab3', label: 'Tab 3 (Default Lazy)' }\n          ]}\n        />\n        <div style={{ padding: '1rem', border: '1px solid #ccc' }}>\n          <UdpTabPanel id='tab1' activeTabId={activeTab}>\n            <h3>Dialog Example</h3>\n            <UdpFluentButton onClick={() => setDialogOpen(true)}>\n              Open Dialog\n            </UdpFluentButton>\n            <UdpFluentDialog\n              open={dialogOpen}\n              title='Example Dialog'\n              onDialogClose={handleDialogClose}\n            >\n              <UdpFluentButton slot='action' onClick={handleDialogClose}>\n                Submit\n              </UdpFluentButton>\n              <div>This is a simple dialog example.</div>\n            </UdpFluentDialog>\n            <UdpFluentMenu\n              items={checkboxMenuItems}\n              onClick={(item: unknown) => console.log(item)}\n              label='Menu'\n            ></UdpFluentMenu>\n          </UdpTabPanel>\n\n          <UdpTabPanel id='tab2' activeTabId={activeTab}>\n            <ClientSideUdpGrid\n              columnDefs={[\n                { field: 'make' },\n                { field: 'model' },\n                { field: 'price' }\n              ]}\n              rowData={[\n                { make: 'Toyota', model: 'Celica', price: 35000 },\n                { make: 'Ford', model: 'Mondeo', price: 32000 },\n                { make: 'Porsche', model: 'Boxster', price: 72000 }\n              ]}\n            />\n          </UdpTabPanel>\n\n          <UdpTabPanel id='tab3' activeTabId={activeTab}>\n            <h3>Tab 3 Content (Default Lazy)</h3>\n            <p>This content is lazy loaded by default.</p>\n          </UdpTabPanel>\n        </div>\n      </div>\n    </div>\n  );\n};\n"],"mappings":"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"}