@almadar/ui 4.29.0 → 4.30.0

package/dist/runtime/index.js

@@ -9450,9 +9450,9 @@ var init_ScaledDiagram = __esm({
   }
 });
 
-// node_modules/katex/dist/katex.min.css
+// node_modules/.pnpm/katex@0.16.45/node_modules/katex/dist/katex.min.css
 var init_katex_min = __esm({
-  "node_modules/katex/dist/katex.min.css"() {
+  "node_modules/.pnpm/katex@0.16.45/node_modules/katex/dist/katex.min.css"() {
   }
 });
 var MarkdownContent;
@@ -25613,6 +25613,8 @@ var init_Form = __esm({
       const [collapsedSections, setCollapsedSections] = React104__default.useState(
         /* @__PURE__ */ new Set()
       );
+      const [submitError, setSubmitError] = React104__default.useState(null);
+      const formRef = React104__default.useRef(null);
       const formMode = props.mode;
       const mountedRef = React104__default.useRef(false);
       if (!mountedRef.current) {
@@ -25738,6 +25740,7 @@ var init_Form = __esm({
       };
       const handleSubmit = (e) => {
         e.preventDefault();
+        setSubmitError(null);
         debug("forms", "submit-enter", {
           mode: formMode,
           submitEvent,
@@ -25755,6 +25758,37 @@ var init_Form = __esm({
           eventBus.emit(`UI:${onSubmit}`, payload);
         }
       };
+      const handleInvalid = (e) => {
+        const target = e.target;
+        const fieldName = target.getAttribute("data-field-name") ?? target.name ?? "";
+        const fieldMessage = target.validationMessage || "Invalid value";
+        debug("forms", "invalid", { mode: formMode, fieldName, fieldMessage });
+        queueMicrotask(() => {
+          const form = formRef.current;
+          if (!form) return;
+          const invalidEls = Array.from(
+            form.querySelectorAll(
+              ":invalid"
+            )
+          );
+          if (invalidEls.length === 0) return;
+          const missing = invalidEls.map(
+            (el) => el.getAttribute("data-field-name") ?? el.name ?? ""
+          );
+          const messages = invalidEls.map((el) => ({
+            field: el.getAttribute("data-field-name") ?? el.name ?? "",
+            message: el.validationMessage
+          }));
+          const summary = missing.length === 1 ? `${missing[0]}: ${messages[0]?.message}` : `Please fix ${missing.length} fields: ${missing.join(", ")}`;
+          setSubmitError(summary);
+          eventBus.emit("UI:VALIDATION_FAILED", {
+            submitEvent,
+            missing,
+            messages,
+            summary
+          });
+        });
+      };
       const handleCancel = () => {
         eventBus.emit(`UI:${cancelEvent}`);
         eventBus.emit("UI:CLOSE");
@@ -25858,7 +25892,8 @@ var init_Form = __esm({
           "data-field-name": fieldName,
           required: field.required,
           disabled: isLoading,
-          placeholder: field.placeholder
+          placeholder: field.placeholder,
+          pattern: field.pattern
         };
         switch (inputType) {
           case "checkbox":
@@ -25954,7 +25989,9 @@ var init_Form = __esm({
                 ...commonProps,
                 type: "email",
                 value: String(currentValue),
-                onChange: (e) => handleChange(fieldName, e.target.value)
+                onChange: (e) => handleChange(fieldName, e.target.value),
+                minLength: field.min,
+                maxLength: field.max
               }
             );
           case "url":
@@ -25964,7 +26001,9 @@ var init_Form = __esm({
                 ...commonProps,
                 type: "url",
                 value: String(currentValue),
-                onChange: (e) => handleChange(fieldName, e.target.value)
+                onChange: (e) => handleChange(fieldName, e.target.value),
+                minLength: field.min,
+                maxLength: field.max
               }
             );
           case "password":
@@ -25974,7 +26013,9 @@ var init_Form = __esm({
                 ...commonProps,
                 type: "password",
                 value: String(currentValue),
-                onChange: (e) => handleChange(fieldName, e.target.value)
+                onChange: (e) => handleChange(fieldName, e.target.value),
+                minLength: field.min,
+                maxLength: field.max
               }
             );
           case "text":
@@ -25987,8 +26028,7 @@ var init_Form = __esm({
                 value: String(currentValue),
                 onChange: (e) => handleChange(fieldName, e.target.value),
                 minLength: field.min,
-                maxLength: field.max,
-                pattern: field.pattern
+                maxLength: field.max
               }
             );
         }
@@ -25996,12 +26036,14 @@ var init_Form = __esm({
       return /* @__PURE__ */ jsxs(
         "form",
         {
-          noValidate: true,
+          ref: formRef,
           "data-pattern": "form-section",
           className: cn(layoutStyles[layout], gapStyles8[gap], className),
           onSubmit: handleSubmit,
+          onInvalid: handleInvalid,
           ...props,
           children: [
+            submitError && /* @__PURE__ */ jsx(Alert, { variant: "error", className: "mb-4", children: submitError }),
             error && /* @__PURE__ */ jsx(Alert, { variant: "error", className: "mb-4", children: error.message || t("error.occurred") }),
             sectionElements && sectionElements.length > 0 && /* @__PURE__ */ jsx(VStack, { gap: gap === "sm" ? "sm" : gap === "lg" ? "lg" : "md", children: sectionElements }),
             schemaFields,
@@ -35741,7 +35783,18 @@ function useTraitStateMachine(traitBindings, uiSlots, options) {
       orbitalsByTrait: JSON.stringify(orbitalsByTrait ?? null)
     });
     const bindingMap = new Map(bindings.map((b) => [b.trait.name, b]));
-    const results = currentManager.sendEvent(normalizedEvent, payload);
+    const entityByTrait = {};
+    for (const [name, fields] of traitFieldStatesRef.current) {
+      if (fields && Object.keys(fields).length > 0) {
+        entityByTrait[name] = fields;
+      }
+    }
+    const results = currentManager.sendEvent(
+      normalizedEvent,
+      payload,
+      void 0,
+      entityByTrait
+    );
     crossTraitLog.debug("processEvent:results", {
       event: normalizedEvent,
       executedCount: results.length,
@@ -36061,6 +36114,7 @@ function useTraitStateMachine(traitBindings, uiSlots, options) {
     }
     console.log("[TraitStateMachine] Subscribing to events:", Array.from(allEvents));
     const unsubscribes = [];
+    const subscribedBusKeys = /* @__PURE__ */ new Set();
     for (const binding of traitBindings) {
       const traitName = binding.trait.name;
       const orbitalName = orbitalsByTrait?.[traitName];
@@ -36071,6 +36125,8 @@ function useTraitStateMachine(traitBindings, uiSlots, options) {
           continue;
         }
         const selfBusKey = `UI:${orbitalName}.${traitName}.${eventKey}`;
+        if (subscribedBusKeys.has(selfBusKey)) continue;
+        subscribedBusKeys.add(selfBusKey);
         crossTraitLog.debug("self:subscribe", { traitName, busKey: selfBusKey, eventKey });
         const unsub = eventBus.on(selfBusKey, (event) => {
           if (event.source && event.source.dispatched) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@almadar/ui",
-  "version": "4.29.0",
+  "version": "4.30.0",
   "description": "React UI components, hooks, and providers for Almadar",
   "type": "module",
   "sideEffects": [
@@ -121,18 +121,11 @@
     "registry": "https://registry.npmjs.org",
     "access": "public"
   },
-  "scripts": {
-    "build": "tsup && tsc -p tsconfig.build.json",
-    "build:watch": "tsup --watch",
-    "storybook": "storybook dev -p 6006",
-    "build-storybook": "storybook build -o storybook-static",
-    "typecheck": "tsc --noEmit"
-  },
   "dependencies": {
     "@almadar/core": ">=7.12.0",
     "@almadar/evaluator": ">=2.9.2",
     "@almadar/patterns": "^2.21.0",
-    "@almadar/runtime": "^6.0.0",
+    "@almadar/runtime": "^6.2.0",
     "@almadar/std": ">=6.4.1",
     "@almadar/syntax": ">=1.3.1",
     "@xyflow/react": "12.10.1",
@@ -219,10 +212,11 @@
     "hooks"
   ],
   "homepage": "https://github.com/almadar-io/almadar#readme",
-  "pnpm": {
-    "overrides": {
-      "@types/react": "^19.0.0",
-      "@types/react-dom": "^19.0.0"
-    }
+  "scripts": {
+    "build": "tsup && tsc -p tsconfig.build.json",
+    "build:watch": "tsup --watch",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build -o storybook-static",
+    "typecheck": "tsc --noEmit"
   }
-}
+}