@burdenoff/microfe-bigconsole 2026.510.54

package/dist/bigconsole/components/widgets/form/FormWidget.js

@@ -0,0 +1,486 @@
+import { memo as e, useCallback as t, useMemo as n, useState as r } from "react";
+import { AlertCircle as i, CheckCircle as a, Loader2 as o, RotateCcw as s, Send as c, Settings as l } from "lucide-react";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
+//#region src/bigconsole/components/widgets/form/FormWidget.tsx
+function f(e, t) {
+	let n = String(e ?? ""), r = e == null || n.trim() === "";
+	if (t.required && r) return `${t.label} is required`;
+	if (r) return null;
+	if (t.validation) for (let i of t.validation) switch (i.type) {
+		case "required":
+			if (r) return i.message;
+			break;
+		case "minLength":
+			if (n.length < Number(i.value)) return i.message;
+			break;
+		case "maxLength":
+			if (n.length > Number(i.value)) return i.message;
+			break;
+		case "min":
+			if (Number(e) < Number(i.value)) return i.message;
+			break;
+		case "max":
+			if (Number(e) > Number(i.value)) return i.message;
+			break;
+		case "pattern":
+			if (i.value && !new RegExp(String(i.value)).test(n)) return i.message;
+			break;
+		case "email":
+			if (!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(n)) return i.message;
+			break;
+	}
+	if (t.type === "email" && !t.validation?.some((e) => e.type === "email") && !/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(n)) return "Please enter a valid email address";
+	if (t.type === "url") try {
+		new URL(n);
+	} catch {
+		return "Please enter a valid URL";
+	}
+	if (t.type === "number") {
+		if (isNaN(Number(e))) return "Please enter a valid number";
+		if (t.min !== void 0 && Number(e) < Number(t.min)) return `Value must be at least ${t.min}`;
+		if (t.max !== void 0 && Number(e) > Number(t.max)) return `Value must be at most ${t.max}`;
+	}
+	return null;
+}
+function p(e, t) {
+	let n = {};
+	for (let r of t) {
+		let t = f(e[r.name], r);
+		t && (n[r.name] = t);
+	}
+	return n;
+}
+var m = {
+	container: {
+		display: "flex",
+		flexDirection: "column",
+		height: "100%",
+		overflow: "hidden"
+	},
+	form: {
+		flex: 1,
+		overflow: "auto",
+		padding: "16px"
+	},
+	fieldWrapper: { marginBottom: "16px" },
+	label: {
+		display: "block",
+		fontSize: "13px",
+		fontWeight: 500,
+		color: "#374151",
+		marginBottom: "6px"
+	},
+	required: {
+		color: "#dc2626",
+		marginLeft: "2px"
+	},
+	input: {
+		width: "100%",
+		padding: "8px 12px",
+		fontSize: "14px",
+		border: "1px solid #d1d5db",
+		borderRadius: "6px",
+		backgroundColor: "#ffffff",
+		transition: "border-color 0.15s, box-shadow 0.15s",
+		outline: "none"
+	},
+	inputError: { borderColor: "#dc2626" },
+	inputFocus: {
+		borderColor: "#6366f1",
+		boxShadow: "0 0 0 3px rgba(99, 102, 241, 0.1)"
+	},
+	textarea: {
+		resize: "vertical",
+		minHeight: "80px"
+	},
+	select: {
+		appearance: "none",
+		backgroundImage: "url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e\")",
+		backgroundPosition: "right 8px center",
+		backgroundRepeat: "no-repeat",
+		backgroundSize: "20px",
+		paddingRight: "36px"
+	},
+	checkbox: {
+		display: "flex",
+		alignItems: "center",
+		gap: "8px"
+	},
+	checkboxInput: {
+		width: "16px",
+		height: "16px",
+		cursor: "pointer"
+	},
+	helpText: {
+		fontSize: "12px",
+		color: "#6b7280",
+		marginTop: "4px"
+	},
+	errorText: {
+		fontSize: "12px",
+		color: "#dc2626",
+		marginTop: "4px",
+		display: "flex",
+		alignItems: "center",
+		gap: "4px"
+	},
+	footer: {
+		display: "flex",
+		justifyContent: "flex-end",
+		gap: "12px",
+		padding: "12px 16px",
+		borderTop: "1px solid #e5e7eb",
+		backgroundColor: "#f9fafb"
+	},
+	button: {
+		display: "inline-flex",
+		alignItems: "center",
+		gap: "8px",
+		padding: "8px 16px",
+		fontSize: "14px",
+		fontWeight: 500,
+		borderRadius: "6px",
+		cursor: "pointer",
+		transition: "all 0.15s",
+		border: "none"
+	},
+	submitButton: {
+		backgroundColor: "#6366f1",
+		color: "#ffffff"
+	},
+	resetButton: {
+		backgroundColor: "#ffffff",
+		color: "#374151",
+		border: "1px solid #d1d5db"
+	},
+	successMessage: {
+		display: "flex",
+		alignItems: "center",
+		gap: "8px",
+		padding: "12px 16px",
+		backgroundColor: "#ecfdf5",
+		border: "1px solid #a7f3d0",
+		borderRadius: "6px",
+		marginBottom: "16px",
+		color: "#065f46",
+		fontSize: "14px"
+	},
+	emptyState: {
+		display: "flex",
+		flexDirection: "column",
+		alignItems: "center",
+		justifyContent: "center",
+		height: "100%",
+		padding: "32px",
+		color: "#6b7280",
+		textAlign: "center"
+	}
+}, h = e(function({ widget: e, data: h = {}, onDrilldown: g, onSubmit: _ }) {
+	let v = {
+		fields: [],
+		layout: "vertical",
+		submitLabel: "Submit",
+		showReset: !0,
+		validateOnBlur: !0,
+		validateOnChange: !1
+	}, y = e.config ? {
+		...v,
+		...e.config
+	} : v, b = n(() => {
+		let e = {};
+		for (let t of y.fields) e[t.name] = h[t.name] ?? t.defaultValue ?? (t.type === "checkbox" ? !1 : "");
+		return e;
+	}, [y.fields, h]), [x, S] = r(b), [C, w] = r({}), [T, E] = r(/* @__PURE__ */ new Set()), [D, O] = r(!1), [k, A] = r(!1), j = t((e, t) => {
+		if (S((n) => ({
+			...n,
+			[e]: t
+		})), A(!1), y.validateOnChange) {
+			let n = y.fields.find((t) => t.name === e);
+			if (n) {
+				let r = f(t, n);
+				w((t) => ({
+					...t,
+					[e]: r
+				}));
+			}
+		}
+	}, [y.fields, y.validateOnChange]), M = t((e) => {
+		if (E((t) => new Set(t).add(e)), y.validateOnBlur) {
+			let t = y.fields.find((t) => t.name === e);
+			if (t) {
+				let n = f(x[e], t);
+				w((t) => ({
+					...t,
+					[e]: n
+				}));
+			}
+		}
+	}, [
+		y.fields,
+		y.validateOnBlur,
+		x
+	]), N = t(async (t) => {
+		t.preventDefault();
+		let n = p(x, y.fields);
+		if (w(n), E(new Set(y.fields.map((e) => e.name))), !Object.values(n).some((e) => e !== null)) {
+			O(!0);
+			try {
+				let t = {
+					...x,
+					_action: y.submitAction || "form_submit",
+					_widgetId: e.id,
+					_timestamp: (/* @__PURE__ */ new Date()).toISOString()
+				};
+				_ && await _(t), g && g({
+					type: "form_submit",
+					action: y.submitAction || "form_submit",
+					data: t
+				}), A(!0);
+			} catch {} finally {
+				O(!1);
+			}
+		}
+	}, [
+		x,
+		y.fields,
+		y.submitAction,
+		e.id,
+		_,
+		g
+	]), P = t(() => {
+		S(b), w({}), E(/* @__PURE__ */ new Set()), A(!1);
+	}, [b]), F = t((e) => {
+		let t = x[e.name], n = !!(T.has(e.name) && C[e.name]), r = {
+			...m.input,
+			...n ? m.inputError : {}
+		};
+		switch (e.type) {
+			case "textarea": return /* @__PURE__ */ u("textarea", {
+				id: e.name,
+				name: e.name,
+				value: String(t ?? ""),
+				placeholder: e.placeholder,
+				required: e.required,
+				disabled: e.disabled || D,
+				readOnly: e.readonly,
+				rows: e.rows || 4,
+				style: {
+					...r,
+					...m.textarea
+				},
+				onChange: (t) => j(e.name, t.target.value),
+				onBlur: () => M(e.name)
+			});
+			case "select": return /* @__PURE__ */ d("select", {
+				id: e.name,
+				name: e.name,
+				value: String(t ?? ""),
+				required: e.required,
+				disabled: e.disabled || D,
+				style: {
+					...r,
+					...m.select
+				},
+				onChange: (t) => j(e.name, t.target.value),
+				onBlur: () => M(e.name),
+				children: [/* @__PURE__ */ u("option", {
+					value: "",
+					children: e.placeholder || `Select ${e.label}...`
+				}), e.options?.map((e) => /* @__PURE__ */ u("option", {
+					value: e.value,
+					disabled: e.disabled,
+					children: e.label
+				}, e.value))]
+			});
+			case "checkbox": return /* @__PURE__ */ d("div", {
+				style: m.checkbox,
+				children: [/* @__PURE__ */ u("input", {
+					type: "checkbox",
+					id: e.name,
+					name: e.name,
+					checked: !!t,
+					disabled: e.disabled || D,
+					style: m.checkboxInput,
+					onChange: (t) => j(e.name, t.target.checked),
+					onBlur: () => M(e.name)
+				}), /* @__PURE__ */ u("label", {
+					htmlFor: e.name,
+					style: {
+						fontSize: "14px",
+						cursor: "pointer"
+					},
+					children: e.label
+				})]
+			});
+			case "radio": return /* @__PURE__ */ u("div", {
+				style: {
+					display: "flex",
+					flexDirection: "column",
+					gap: "8px"
+				},
+				children: e.options?.map((n) => /* @__PURE__ */ d("div", {
+					style: m.checkbox,
+					children: [/* @__PURE__ */ u("input", {
+						type: "radio",
+						id: `${e.name}-${n.value}`,
+						name: e.name,
+						value: n.value,
+						checked: t === n.value,
+						disabled: e.disabled || n.disabled || D,
+						style: m.checkboxInput,
+						onChange: (t) => j(e.name, t.target.value),
+						onBlur: () => M(e.name)
+					}), /* @__PURE__ */ u("label", {
+						htmlFor: `${e.name}-${n.value}`,
+						style: {
+							fontSize: "14px",
+							cursor: "pointer"
+						},
+						children: n.label
+					})]
+				}, n.value))
+			});
+			case "hidden": return /* @__PURE__ */ u("input", {
+				type: "hidden",
+				name: e.name,
+				value: String(t ?? "")
+			});
+			default: return /* @__PURE__ */ u("input", {
+				type: e.type,
+				id: e.name,
+				name: e.name,
+				value: String(t ?? ""),
+				placeholder: e.placeholder,
+				required: e.required,
+				disabled: e.disabled || D,
+				readOnly: e.readonly,
+				min: e.min,
+				max: e.max,
+				step: e.step,
+				pattern: e.pattern,
+				style: r,
+				onChange: (t) => j(e.name, e.type === "number" ? t.target.valueAsNumber : t.target.value),
+				onBlur: () => M(e.name)
+			});
+		}
+	}, [
+		x,
+		C,
+		T,
+		D,
+		j,
+		M
+	]);
+	if (y.fields.length === 0) return /* @__PURE__ */ d("div", {
+		style: m.emptyState,
+		children: [
+			/* @__PURE__ */ u(l, { style: {
+				width: "48px",
+				height: "48px",
+				marginBottom: "16px",
+				opacity: .5
+			} }),
+			/* @__PURE__ */ u("p", {
+				style: { fontSize: "14px" },
+				children: "Configure Form Fields"
+			}),
+			/* @__PURE__ */ u("p", {
+				style: {
+					fontSize: "12px",
+					marginTop: "4px"
+				},
+				children: "Add fields in widget settings to create your form"
+			})
+		]
+	});
+	let I = y.layout === "grid" ? {
+		display: "grid",
+		gridTemplateColumns: `repeat(${y.columns || 2}, 1fr)`,
+		gap: "16px"
+	} : {};
+	return /* @__PURE__ */ d("div", {
+		style: m.container,
+		children: [/* @__PURE__ */ d("form", {
+			onSubmit: N,
+			style: {
+				...m.form,
+				...I
+			},
+			children: [k && y.successMessage && /* @__PURE__ */ d("div", {
+				style: {
+					...m.successMessage,
+					gridColumn: "1 / -1"
+				},
+				children: [/* @__PURE__ */ u(a, { style: {
+					width: "18px",
+					height: "18px"
+				} }), y.successMessage]
+			}), y.fields.map((e) => {
+				if (e.type === "hidden") return F(e);
+				let t = T.has(e.name) ? C[e.name] : null;
+				return /* @__PURE__ */ d("div", {
+					style: m.fieldWrapper,
+					children: [
+						e.type !== "checkbox" && /* @__PURE__ */ d("label", {
+							htmlFor: e.name,
+							style: m.label,
+							children: [e.label, e.required && /* @__PURE__ */ u("span", {
+								style: m.required,
+								children: "*"
+							})]
+						}),
+						F(e),
+						e.helpText && !t && /* @__PURE__ */ u("p", {
+							style: m.helpText,
+							children: e.helpText
+						}),
+						t && /* @__PURE__ */ d("p", {
+							style: m.errorText,
+							children: [/* @__PURE__ */ u(i, { style: {
+								width: "14px",
+								height: "14px"
+							} }), t]
+						})
+					]
+				}, e.name);
+			})]
+		}), /* @__PURE__ */ d("div", {
+			style: m.footer,
+			children: [y.showReset !== !1 && /* @__PURE__ */ d("button", {
+				type: "button",
+				onClick: P,
+				disabled: D,
+				style: {
+					...m.button,
+					...m.resetButton,
+					opacity: D ? .6 : 1
+				},
+				children: [/* @__PURE__ */ u(s, { style: {
+					width: "16px",
+					height: "16px"
+				} }), y.resetLabel || "Reset"]
+			}), /* @__PURE__ */ d("button", {
+				type: "submit",
+				onClick: N,
+				disabled: D,
+				style: {
+					...m.button,
+					...m.submitButton,
+					opacity: D ? .6 : 1
+				},
+				children: [D ? /* @__PURE__ */ u(o, { style: {
+					width: "16px",
+					height: "16px",
+					animation: "spin 1s linear infinite"
+				} }) : /* @__PURE__ */ u(c, { style: {
+					width: "16px",
+					height: "16px"
+				} }), y.submitLabel || "Submit"]
+			})]
+		})]
+	});
+});
+//#endregion
+export { h as default };
+
+//# sourceMappingURL=FormWidget.js.map

package/dist/bigconsole/components/widgets/form/FormWidget.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormWidget.js","names":[],"sources":["../../../../../src/bigconsole/components/widgets/form/FormWidget.tsx"],"sourcesContent":["/**\n * FormWidget Component\n *\n * Interactive form widget for data input with validation and submit actions.\n * v2.0 spec compliant widget type.\n */\n\nimport { type FC, memo, useState, useCallback, useMemo } from 'react';\nimport type {\n  Widget,\n  FormConfig as FormConfigType,\n  FormFieldConfig,\n  FormFieldType as FormFieldTypeAlias,\n  FormFieldOption,\n  FormValidationRule,\n} from '../../../types';\nimport { AlertCircle, CheckCircle, Send, RotateCcw, Settings, Loader2 } from 'lucide-react';\n\n// ============================================================================\n// Types\n// ============================================================================\n\n// Re-export types from main types file\nexport type FieldType = FormFieldTypeAlias;\nexport type FormField = FormFieldConfig;\nexport type SelectOption = FormFieldOption;\nexport type ValidationRule = FormValidationRule;\nexport type FormConfig = FormConfigType;\n\nexport interface FormWidgetProps {\n  widget: Widget;\n  data?: Record<string, unknown>;\n  /** Whether the widget is in edit mode */\n  isEditMode?: boolean;\n  /** Whether the widget is selected */\n  isSelected?: boolean;\n  /** Whether data is loading */\n  isLoading?: boolean;\n  /** Error message if any */\n  error?: string | null;\n  /** Callback when widget is clicked */\n  onClick?: () => void;\n  onDrilldown?: (selectedData: Record<string, unknown>) => void;\n  onSubmit?: (formData: Record<string, unknown>) => void;\n}\n\ninterface FieldErrors {\n  [fieldName: string]: string | null;\n}\n\n// ============================================================================\n// Validation\n// ============================================================================\n\nfunction validateField(value: unknown, field: FormField): string | null {\n  const strValue = String(value ?? '');\n  const isEmpty = value === null || value === undefined || strValue.trim() === '';\n\n  // Check required\n  if (field.required && isEmpty) {\n    return `${field.label} is required`;\n  }\n\n  // Skip other validations if empty and not required\n  if (isEmpty) return null;\n\n  // Apply validation rules\n  if (field.validation) {\n    for (const rule of field.validation) {\n      switch (rule.type) {\n        case 'required':\n          if (isEmpty) return rule.message;\n          break;\n        case 'minLength':\n          if (strValue.length < Number(rule.value)) return rule.message;\n          break;\n        case 'maxLength':\n          if (strValue.length > Number(rule.value)) return rule.message;\n          break;\n        case 'min':\n          if (Number(value) < Number(rule.value)) return rule.message;\n          break;\n        case 'max':\n          if (Number(value) > Number(rule.value)) return rule.message;\n          break;\n        case 'pattern':\n          if (rule.value && !new RegExp(String(rule.value)).test(strValue)) {\n            return rule.message;\n          }\n          break;\n        case 'email':\n          if (!/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/.test(strValue)) {\n            return rule.message;\n          }\n          break;\n      }\n    }\n  }\n\n  // Type-specific validation\n  if (field.type === 'email' && !field.validation?.some((r) => r.type === 'email')) {\n    if (!/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/.test(strValue)) {\n      return 'Please enter a valid email address';\n    }\n  }\n\n  if (field.type === 'url') {\n    try {\n      new URL(strValue);\n    } catch {\n      return 'Please enter a valid URL';\n    }\n  }\n\n  if (field.type === 'number') {\n    if (isNaN(Number(value))) {\n      return 'Please enter a valid number';\n    }\n    if (field.min !== undefined && Number(value) < Number(field.min)) {\n      return `Value must be at least ${field.min}`;\n    }\n    if (field.max !== undefined && Number(value) > Number(field.max)) {\n      return `Value must be at most ${field.max}`;\n    }\n  }\n\n  return null;\n}\n\nfunction validateForm(values: Record<string, unknown>, fields: FormField[]): FieldErrors {\n  const errors: FieldErrors = {};\n  for (const field of fields) {\n    const error = validateField(values[field.name], field);\n    if (error) {\n      errors[field.name] = error;\n    }\n  }\n  return errors;\n}\n\n// ============================================================================\n// Styles\n// ============================================================================\n\nconst styles = {\n  container: {\n    display: 'flex',\n    flexDirection: 'column' as const,\n    height: '100%',\n    overflow: 'hidden',\n  },\n  form: {\n    flex: 1,\n    overflow: 'auto',\n    padding: '16px',\n  },\n  fieldWrapper: {\n    marginBottom: '16px',\n  },\n  label: {\n    display: 'block',\n    fontSize: '13px',\n    fontWeight: 500,\n    color: '#374151',\n    marginBottom: '6px',\n  },\n  required: {\n    color: '#dc2626',\n    marginLeft: '2px',\n  },\n  input: {\n    width: '100%',\n    padding: '8px 12px',\n    fontSize: '14px',\n    border: '1px solid #d1d5db',\n    borderRadius: '6px',\n    backgroundColor: '#ffffff',\n    transition: 'border-color 0.15s, box-shadow 0.15s',\n    outline: 'none',\n  },\n  inputError: {\n    borderColor: '#dc2626',\n  },\n  inputFocus: {\n    borderColor: '#6366f1',\n    boxShadow: '0 0 0 3px rgba(99, 102, 241, 0.1)',\n  },\n  textarea: {\n    resize: 'vertical' as const,\n    minHeight: '80px',\n  },\n  select: {\n    appearance: 'none' as const,\n    backgroundImage: `url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e\")`,\n    backgroundPosition: 'right 8px center',\n    backgroundRepeat: 'no-repeat',\n    backgroundSize: '20px',\n    paddingRight: '36px',\n  },\n  checkbox: {\n    display: 'flex',\n    alignItems: 'center',\n    gap: '8px',\n  },\n  checkboxInput: {\n    width: '16px',\n    height: '16px',\n    cursor: 'pointer',\n  },\n  helpText: {\n    fontSize: '12px',\n    color: '#6b7280',\n    marginTop: '4px',\n  },\n  errorText: {\n    fontSize: '12px',\n    color: '#dc2626',\n    marginTop: '4px',\n    display: 'flex',\n    alignItems: 'center',\n    gap: '4px',\n  },\n  footer: {\n    display: 'flex',\n    justifyContent: 'flex-end',\n    gap: '12px',\n    padding: '12px 16px',\n    borderTop: '1px solid #e5e7eb',\n    backgroundColor: '#f9fafb',\n  },\n  button: {\n    display: 'inline-flex',\n    alignItems: 'center',\n    gap: '8px',\n    padding: '8px 16px',\n    fontSize: '14px',\n    fontWeight: 500,\n    borderRadius: '6px',\n    cursor: 'pointer',\n    transition: 'all 0.15s',\n    border: 'none',\n  },\n  submitButton: {\n    backgroundColor: '#6366f1',\n    color: '#ffffff',\n  },\n  resetButton: {\n    backgroundColor: '#ffffff',\n    color: '#374151',\n    border: '1px solid #d1d5db',\n  },\n  successMessage: {\n    display: 'flex',\n    alignItems: 'center',\n    gap: '8px',\n    padding: '12px 16px',\n    backgroundColor: '#ecfdf5',\n    border: '1px solid #a7f3d0',\n    borderRadius: '6px',\n    marginBottom: '16px',\n    color: '#065f46',\n    fontSize: '14px',\n  },\n  emptyState: {\n    display: 'flex',\n    flexDirection: 'column' as const,\n    alignItems: 'center',\n    justifyContent: 'center',\n    height: '100%',\n    padding: '32px',\n    color: '#6b7280',\n    textAlign: 'center' as const,\n  },\n};\n\n// ============================================================================\n// Component\n// ============================================================================\n\nexport const FormWidget: FC<FormWidgetProps> = memo(function FormWidget({ widget, data = {}, onDrilldown, onSubmit }) {\n  const defaultConfig: FormConfig = {\n    fields: [],\n    layout: 'vertical',\n    submitLabel: 'Submit',\n    showReset: true,\n    validateOnBlur: true,\n    validateOnChange: false,\n  };\n  const config: FormConfig = widget.config\n    ? { ...defaultConfig, ...(widget.config as Partial<FormConfig>) }\n    : defaultConfig;\n\n  // Initialize form values from default values or data\n  const initialValues = useMemo(() => {\n    const values: Record<string, unknown> = {};\n    for (const field of config.fields) {\n      values[field.name] = data[field.name] ?? field.defaultValue ?? (field.type === 'checkbox' ? false : '');\n    }\n    return values;\n  }, [config.fields, data]);\n\n  const [values, setValues] = useState<Record<string, unknown>>(initialValues);\n  const [errors, setErrors] = useState<FieldErrors>({});\n  const [touched, setTouched] = useState<Set<string>>(new Set());\n  const [isSubmitting, setIsSubmitting] = useState(false);\n  const [submitSuccess, setSubmitSuccess] = useState(false);\n\n  // Handle field change\n  const handleChange = useCallback(\n    (fieldName: string, value: unknown) => {\n      setValues((prev) => ({ ...prev, [fieldName]: value }));\n      setSubmitSuccess(false);\n\n      if (config.validateOnChange) {\n        const field = config.fields.find((f) => f.name === fieldName);\n        if (field) {\n          const error = validateField(value, field);\n          setErrors((prev) => ({ ...prev, [fieldName]: error }));\n        }\n      }\n    },\n    [config.fields, config.validateOnChange]\n  );\n\n  // Handle field blur\n  const handleBlur = useCallback(\n    (fieldName: string) => {\n      setTouched((prev) => new Set(prev).add(fieldName));\n\n      if (config.validateOnBlur) {\n        const field = config.fields.find((f) => f.name === fieldName);\n        if (field) {\n          const error = validateField(values[fieldName], field);\n          setErrors((prev) => ({ ...prev, [fieldName]: error }));\n        }\n      }\n    },\n    [config.fields, config.validateOnBlur, values]\n  );\n\n  // Handle form submit\n  const handleSubmit = useCallback(\n    async (e: React.FormEvent) => {\n      e.preventDefault();\n\n      // Validate all fields\n      const allErrors = validateForm(values, config.fields);\n      setErrors(allErrors);\n      setTouched(new Set(config.fields.map((f) => f.name)));\n\n      // Check if there are errors\n      const hasErrors = Object.values(allErrors).some((e) => e !== null);\n      if (hasErrors) {\n        return;\n      }\n\n      setIsSubmitting(true);\n\n      try {\n        // Emit form submit event via onDrilldown or onSubmit\n        const formData = {\n          ...values,\n          _action: config.submitAction || 'form_submit',\n          _widgetId: widget.id,\n          _timestamp: new Date().toISOString(),\n        };\n\n        if (onSubmit) {\n          await onSubmit(formData);\n        }\n\n        if (onDrilldown) {\n          onDrilldown({\n            type: 'form_submit',\n            action: config.submitAction || 'form_submit',\n            data: formData,\n          });\n        }\n\n        setSubmitSuccess(true);\n      } catch (error) {\n      } finally {\n        setIsSubmitting(false);\n      }\n    },\n    [values, config.fields, config.submitAction, widget.id, onSubmit, onDrilldown]\n  );\n\n  // Handle form reset\n  const handleReset = useCallback(() => {\n    setValues(initialValues);\n    setErrors({});\n    setTouched(new Set());\n    setSubmitSuccess(false);\n  }, [initialValues]);\n\n  // Render a field\n  const renderField = useCallback(\n    (field: FormField) => {\n      const value = values[field.name];\n      const error = touched.has(field.name) ? errors[field.name] : null;\n      const hasError = Boolean(error);\n\n      const inputStyle = {\n        ...styles.input,\n        ...(hasError ? styles.inputError : {}),\n      };\n\n      switch (field.type) {\n        case 'textarea':\n          return (\n            <textarea\n              id={field.name}\n              name={field.name}\n              value={String(value ?? '')}\n              placeholder={field.placeholder}\n              required={field.required}\n              disabled={field.disabled || isSubmitting}\n              readOnly={field.readonly}\n              rows={field.rows || 4}\n              style={{ ...inputStyle, ...styles.textarea }}\n              onChange={(e) => handleChange(field.name, e.target.value)}\n              onBlur={() => handleBlur(field.name)}\n            />\n          );\n\n        case 'select':\n          return (\n            <select\n              id={field.name}\n              name={field.name}\n              value={String(value ?? '')}\n              required={field.required}\n              disabled={field.disabled || isSubmitting}\n              style={{ ...inputStyle, ...styles.select }}\n              onChange={(e) => handleChange(field.name, e.target.value)}\n              onBlur={() => handleBlur(field.name)}\n            >\n              <option value=\"\">{field.placeholder || `Select ${field.label}...`}</option>\n              {field.options?.map((opt) => (\n                <option key={opt.value} value={opt.value} disabled={opt.disabled}>\n                  {opt.label}\n                </option>\n              ))}\n            </select>\n          );\n\n        case 'checkbox':\n          return (\n            <div style={styles.checkbox}>\n              <input\n                type=\"checkbox\"\n                id={field.name}\n                name={field.name}\n                checked={Boolean(value)}\n                disabled={field.disabled || isSubmitting}\n                style={styles.checkboxInput}\n                onChange={(e) => handleChange(field.name, e.target.checked)}\n                onBlur={() => handleBlur(field.name)}\n              />\n              <label htmlFor={field.name} style={{ fontSize: '14px', cursor: 'pointer' }}>\n                {field.label}\n              </label>\n            </div>\n          );\n\n        case 'radio':\n          return (\n            <div style={{ display: 'flex', flexDirection: 'column', gap: '8px' }}>\n              {field.options?.map((opt) => (\n                <div key={opt.value} style={styles.checkbox}>\n                  <input\n                    type=\"radio\"\n                    id={`${field.name}-${opt.value}`}\n                    name={field.name}\n                    value={opt.value}\n                    checked={value === opt.value}\n                    disabled={field.disabled || opt.disabled || isSubmitting}\n                    style={styles.checkboxInput}\n                    onChange={(e) => handleChange(field.name, e.target.value)}\n                    onBlur={() => handleBlur(field.name)}\n                  />\n                  <label htmlFor={`${field.name}-${opt.value}`} style={{ fontSize: '14px', cursor: 'pointer' }}>\n                    {opt.label}\n                  </label>\n                </div>\n              ))}\n            </div>\n          );\n\n        case 'hidden':\n          return <input type=\"hidden\" name={field.name} value={String(value ?? '')} />;\n\n        default:\n          return (\n            <input\n              type={field.type}\n              id={field.name}\n              name={field.name}\n              value={String(value ?? '')}\n              placeholder={field.placeholder}\n              required={field.required}\n              disabled={field.disabled || isSubmitting}\n              readOnly={field.readonly}\n              min={field.min}\n              max={field.max}\n              step={field.step}\n              pattern={field.pattern}\n              style={inputStyle}\n              onChange={(e) =>\n                handleChange(field.name, field.type === 'number' ? e.target.valueAsNumber : e.target.value)\n              }\n              onBlur={() => handleBlur(field.name)}\n            />\n          );\n      }\n    },\n    [values, errors, touched, isSubmitting, handleChange, handleBlur]\n  );\n\n  // Empty state\n  if (config.fields.length === 0) {\n    return (\n      <div style={styles.emptyState}>\n        <Settings style={{ width: '48px', height: '48px', marginBottom: '16px', opacity: 0.5 }} />\n        <p style={{ fontSize: '14px' }}>Configure Form Fields</p>\n        <p style={{ fontSize: '12px', marginTop: '4px' }}>Add fields in widget settings to create your form</p>\n      </div>\n    );\n  }\n\n  // Grid layout styles\n  const gridStyle =\n    config.layout === 'grid'\n      ? {\n          display: 'grid',\n          gridTemplateColumns: `repeat(${config.columns || 2}, 1fr)`,\n          gap: '16px',\n        }\n      : {};\n\n  return (\n    <div style={styles.container}>\n      <form onSubmit={handleSubmit} style={{ ...styles.form, ...gridStyle }}>\n        {/* Success message */}\n        {submitSuccess && config.successMessage && (\n          <div style={{ ...styles.successMessage, gridColumn: '1 / -1' }}>\n            <CheckCircle style={{ width: '18px', height: '18px' }} />\n            {config.successMessage}\n          </div>\n        )}\n\n        {/* Form fields */}\n        {config.fields.map((field) => {\n          if (field.type === 'hidden') {\n            return renderField(field);\n          }\n\n          const error = touched.has(field.name) ? errors[field.name] : null;\n\n          return (\n            <div key={field.name} style={styles.fieldWrapper}>\n              {field.type !== 'checkbox' && (\n                <label htmlFor={field.name} style={styles.label}>\n                  {field.label}\n                  {field.required && <span style={styles.required}>*</span>}\n                </label>\n              )}\n\n              {renderField(field)}\n\n              {field.helpText && !error && <p style={styles.helpText}>{field.helpText}</p>}\n\n              {error && (\n                <p style={styles.errorText}>\n                  <AlertCircle style={{ width: '14px', height: '14px' }} />\n                  {error}\n                </p>\n              )}\n            </div>\n          );\n        })}\n      </form>\n\n      {/* Footer with buttons */}\n      <div style={styles.footer}>\n        {config.showReset !== false && (\n          <button\n            type=\"button\"\n            onClick={handleReset}\n            disabled={isSubmitting}\n            style={{\n              ...styles.button,\n              ...styles.resetButton,\n              opacity: isSubmitting ? 0.6 : 1,\n            }}\n          >\n            <RotateCcw style={{ width: '16px', height: '16px' }} />\n            {config.resetLabel || 'Reset'}\n          </button>\n        )}\n\n        <button\n          type=\"submit\"\n          onClick={handleSubmit}\n          disabled={isSubmitting}\n          style={{\n            ...styles.button,\n            ...styles.submitButton,\n            opacity: isSubmitting ? 0.6 : 1,\n          }}\n        >\n          {isSubmitting ? (\n            <Loader2 style={{ width: '16px', height: '16px', animation: 'spin 1s linear infinite' }} />\n          ) : (\n            <Send style={{ width: '16px', height: '16px' }} />\n          )}\n          {config.submitLabel || 'Submit'}\n        </button>\n      </div>\n    </div>\n  );\n});\n\nexport default FormWidget;\n"],"mappings":"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"}

package/dist/bigconsole/components/widgets/form/index.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Form Widget exports
+ */
+export { FormWidget, type FormWidgetProps, type FormConfig, type FormField, type FieldType, type SelectOption, type ValidationRule, } from './FormWidget';
+export { default } from './FormWidget';
+//# sourceMappingURL=index.d.ts.map

package/dist/bigconsole/components/widgets/form/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/bigconsole/components/widgets/form/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EACL,UAAU,EACV,KAAK,eAAe,EACpB,KAAK,UAAU,EACf,KAAK,SAAS,EACd,KAAK,SAAS,EACd,KAAK,YAAY,EACjB,KAAK,cAAc,GACpB,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC"}

package/dist/bigconsole/components/widgets/form/index.js

@@ -0,0 +1,2 @@
+import e from "./FormWidget.js";
+export { e as FormWidget, e as default };

package/dist/bigconsole/components/widgets/funnel/index.d.ts

@@ -0,0 +1,12 @@
+import { FC } from 'react';
+import { Widget } from '../../../types';
+import { ChartData } from '../chart/charts/types';
+
+export interface FunnelWidgetProps {
+    widget: Widget;
+    data?: ChartData[];
+    onClick?: (dataPoint: ChartData, index: number) => void;
+}
+export declare const FunnelWidget: FC<FunnelWidgetProps>;
+export default FunnelWidget;
+//# sourceMappingURL=index.d.ts.map

package/dist/bigconsole/components/widgets/funnel/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/bigconsole/components/widgets/funnel/index.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,KAAK,EAAE,EAAQ,MAAM,OAAO,CAAC;AACtC,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AAE7C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAEvD,MAAM,WAAW,iBAAiB;IAChC,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,SAAS,EAAE,CAAC;IACnB,OAAO,CAAC,EAAE,CAAC,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACzD;AAED,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,CAW7C,CAAC;AAEH,eAAe,YAAY,CAAC"}

package/dist/bigconsole/components/widgets/funnel/index.js

@@ -0,0 +1,22 @@
+import e from "../chart/ChartWidget.js";
+import "../chart/index.js";
+import { memo as t } from "react";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/bigconsole/components/widgets/funnel/index.tsx
+var r = t(function({ widget: t, data: r, onClick: i }) {
+	return /* @__PURE__ */ n(e, {
+		widget: {
+			...t,
+			config: {
+				...t.config,
+				chartType: "FUNNEL"
+			}
+		},
+		data: r,
+		onClick: i
+	});
+});
+//#endregion
+export { r as FunnelWidget, r as default };
+
+//# sourceMappingURL=index.js.map

package/dist/bigconsole/components/widgets/funnel/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/bigconsole/components/widgets/funnel/index.tsx"],"sourcesContent":["/**\n * Funnel Widget\n *\n * Wrapper for ChartWidget with FUNNEL chart type pre-configured.\n */\n\nimport { type FC, memo } from 'react';\nimport type { Widget } from '../../../types';\nimport { ChartWidget } from '../chart';\nimport type { ChartData } from '../chart/charts/types';\n\nexport interface FunnelWidgetProps {\n  widget: Widget;\n  data?: ChartData[];\n  onClick?: (dataPoint: ChartData, index: number) => void;\n}\n\nexport const FunnelWidget: FC<FunnelWidgetProps> = memo(function FunnelWidget({ widget, data, onClick }) {\n  // Ensure chart type is FUNNEL\n  const widgetWithType: Widget = {\n    ...widget,\n    config: {\n      ...widget.config,\n      chartType: 'FUNNEL',\n    },\n  };\n\n  return <ChartWidget widget={widgetWithType} data={data} onClick={onClick} />;\n});\n\nexport default FunnelWidget;\n"],"mappings":";;;;;AAiBA,IAAa,IAAsC,EAAK,SAAsB,EAAE,WAAQ,SAAM,cAAW;AAUvG,QAAO,kBAAC,GAAD;EAAa,QARW;GAC7B,GAAG;GACH,QAAQ;IACN,GAAG,EAAO;IACV,WAAW;IACZ;GACF;EAEiD;EAAe;EAAW,CAAA;EAC5E"}

package/dist/bigconsole/components/widgets/gauge/CircularGauge.d.ts

@@ -0,0 +1,31 @@
+import { FC } from 'react';
+
+export interface ThresholdConfig {
+    /** Threshold value */
+    value: number;
+    /** Color for values up to this threshold */
+    color: string;
+}
+export interface CircularGaugeProps {
+    /** Current value */
+    value: number;
+    /** Minimum value */
+    min?: number;
+    /** Maximum value */
+    max?: number;
+    /** Size of the gauge */
+    size?: number;
+    /** Stroke width of the arc */
+    strokeWidth?: number;
+    /** Thresholds for color zones */
+    thresholds?: ThresholdConfig[];
+    /** Unit label */
+    unit?: string;
+    /** Whether to show the value */
+    showValue?: boolean;
+    /** Value format function */
+    formatValue?: (value: number) => string;
+}
+export declare const CircularGauge: FC<CircularGaugeProps>;
+export default CircularGauge;
+//# sourceMappingURL=CircularGauge.d.ts.map

package/dist/bigconsole/components/widgets/gauge/CircularGauge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CircularGauge.d.ts","sourceRoot":"","sources":["../../../../../src/bigconsole/components/widgets/gauge/CircularGauge.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,KAAK,EAAE,EAAiB,MAAM,OAAO,CAAC;AAM/C,MAAM,WAAW,eAAe;IAC9B,sBAAsB;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,4CAA4C;IAC5C,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,kBAAkB;IACjC,oBAAoB;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,oBAAoB;IACpB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,oBAAoB;IACpB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,wBAAwB;IACxB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,8BAA8B;IAC9B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iCAAiC;IACjC,UAAU,CAAC,EAAE,eAAe,EAAE,CAAC;IAC/B,iBAAiB;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,gCAAgC;IAChC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,4BAA4B;IAC5B,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;CACzC;AA4BD,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,kBAAkB,CAgF/C,CAAC;AAEH,eAAe,aAAa,CAAC"}