@optiaxiom/react 1.9.4 → 1.9.6

package/dist/esm/packages/react/src/proteus-document/ProteusElement.js

@@ -18,7 +18,7 @@ import { ProteusShow } from './ProteusShow.js';
 import { ProteusText } from './ProteusText.js';
 import { ProteusTextarea } from './ProteusTextarea.js';
 import { ProteusValue } from './ProteusValue.js';
-import { ProteusElementSchema } from './schemas.js';
+import { safeParseElement } from './schemas.js';
 
 const ProteusElement = ({
   element: elementProp
@@ -30,48 +30,63 @@ const ProteusElement = ({
   } else if (Array.isArray(elementProp)) {
     return /* @__PURE__ */ jsx(Fragment, { children: elementProp.map((element2, index) => /* @__PURE__ */ jsx(ProteusElement, { element: element2 }, index)) });
   }
-  const result = ProteusElementSchema.safeParse(elementProp);
+  const result = safeParseElement(elementProp);
   if (!result.success) {
     return null;
   }
   const element = result.data;
   switch (element.$type) {
-    case "Proteus.Action":
+    case "Action":
       return /* @__PURE__ */ jsx(ProteusAction, { ...omitType(element) });
-    case "Proteus.CancelAction":
+    case "CancelAction":
       return /* @__PURE__ */ jsx(ProteusCancelAction, { ...omitType(element) });
-    case "Proteus.Field":
+    case "Field":
       return /* @__PURE__ */ jsx(ProteusField, { ...omitType(element) });
-    case "Proteus.Group":
+    case "Group":
       return /* @__PURE__ */ jsx(ProteusGroup, { ...omitType(element) });
-    case "Proteus.Heading":
+    case "Heading":
       return /* @__PURE__ */ jsx(ProteusHeading, { ...omitType(element) });
-    case "Proteus.Image":
+    case "Image":
       return /* @__PURE__ */ jsx(ProteusImage, { ...omitType(element) });
-    case "Proteus.Input":
+    case "Input":
       return /* @__PURE__ */ jsx(ProteusInput, { ...omitType(element) });
-    case "Proteus.Link":
+    case "Link":
       return /* @__PURE__ */ jsx(ProteusLink, { ...omitType(element) });
-    case "Proteus.Map":
-      return /* @__PURE__ */ jsx(ProteusMap, { ...omitType(element) });
-    case "Proteus.Range":
+    case "Map":
+      return /* @__PURE__ */ jsx(
+        ProteusMap,
+        {
+          ...omitType(element)
+        }
+      );
+    case "Range":
       return /* @__PURE__ */ jsx(ProteusRange, { ...omitType(element) });
-    case "Proteus.Select":
+    case "Select":
       return /* @__PURE__ */ jsx(ProteusSelect, { ...omitType(element) });
-    case "Proteus.SelectContent":
+    case "SelectContent":
       return /* @__PURE__ */ jsx(ProteusSelectContent, { ...omitType(element) });
-    case "Proteus.SelectTrigger":
+    case "SelectTrigger":
       return /* @__PURE__ */ jsx(ProteusSelectTrigger, { ...omitType(element) });
-    case "Proteus.Separator":
+    case "Separator":
       return /* @__PURE__ */ jsx(ProteusSeparator, { ...omitType(element) });
-    case "Proteus.Show":
-      return /* @__PURE__ */ jsx(ProteusShow, { ...omitType(element) });
-    case "Proteus.Text":
+    case "Show":
+      return /* @__PURE__ */ jsx(
+        ProteusShow,
+        {
+          ...omitType(element)
+        }
+      );
+    case "Text":
       return /* @__PURE__ */ jsx(ProteusText, { ...omitType(element) });
-    case "Proteus.Textarea":
+    case "Textarea":
       return /* @__PURE__ */ jsx(ProteusTextarea, { ...omitType(element) });
-    case "Proteus.Value":
-      return /* @__PURE__ */ jsx(ProteusValue, { ...omitType(element) });
+    case "Value":
+      return /* @__PURE__ */ jsx(
+        ProteusValue,
+        {
+          ...omitType(element)
+        }
+      );
     default:
       return null;
   }

package/dist/esm/packages/react/src/proteus-document/ProteusInput.js

@@ -5,22 +5,28 @@ import '../input/InputAddon.js';
 import '../input/InputControl.js';
 import '../input/InputRoot.js';
 import { useProteusDocumentContext } from './ProteusDocumentContext.js';
+import { useProteusDocumentPathContext } from './ProteusDocumentPathContext.js';
+import { useProteusValue } from './useProteusValue.js';
 
 function ProteusInput(props) {
-  const { data, onDataChange, readOnly } = useProteusDocumentContext(
+  const { onDataChange, readOnly } = useProteusDocumentContext(
     "@optiaxiom/react/ProteusInput"
   );
+  const { path: parentPath } = useProteusDocumentPathContext(
+    "@optiaxiom/react/ProteusInput"
+  );
+  const value = useProteusValue(props.name ?? "");
   return /* @__PURE__ */ jsx(
     Input,
     {
       ...props,
-      onValueChange: (value) => {
+      onValueChange: (value2) => {
         if (props.name) {
-          onDataChange?.(props.name, value);
+          onDataChange?.(`${parentPath}/${props.name}`, value2);
         }
       },
       readOnly,
-      value: props.name ? data[props.name] : ""
+      value: props.name ? String(value ?? "") : ""
     }
   );
 }

package/dist/esm/packages/react/src/proteus-document/ProteusMap.js

@@ -4,7 +4,10 @@ import { useProteusDocumentPathContext, ProteusDocumentPathProvider } from './Pr
 import { ProteusElement } from './ProteusElement.js';
 import { useProteusValue } from './useProteusValue.js';
 
-function ProteusMap({ children, path }) {
+function ProteusMap({
+  children,
+  path
+}) {
   const { path: parentPath } = useProteusDocumentPathContext(
     "@optiaxiom/react/ProteusMap"
   );

package/dist/esm/packages/react/src/proteus-document/ProteusSelect.js

@@ -5,19 +5,25 @@ import { Select } from '../select/Select.js';
 import '../select/SelectContent.js';
 import '../select/SelectTrigger.js';
 import { useProteusDocumentContext } from './ProteusDocumentContext.js';
+import { useProteusDocumentPathContext } from './ProteusDocumentPathContext.js';
 import { ProteusElement } from './ProteusElement.js';
+import { useProteusValue } from './useProteusValue.js';
 
 function ProteusSelect({
   children,
-  options,
+  options = [],
   ...props
 }) {
-  const { data, onDataChange, readOnly } = useProteusDocumentContext(
+  const { onDataChange, readOnly } = useProteusDocumentContext(
+    "@optiaxiom/react/ProteusSelect"
+  );
+  const { path: parentPath } = useProteusDocumentPathContext(
     "@optiaxiom/react/ProteusSelect"
   );
   const optionsRef = useRef(options);
   optionsRef.current = options;
-  const value = props.name ? data[props.name] : options[0]?.value ?? "";
+  const resolved = useProteusValue(props.name ?? "");
+  const value = props.name ? String(resolved ?? options[0]?.value ?? "") : options[0]?.value ?? "";
   return /* @__PURE__ */ jsx(
     Select,
     {
@@ -27,7 +33,7 @@ function ProteusSelect({
           return;
         }
         if (props.name) {
-          onDataChange?.(props.name, value2);
+          onDataChange?.(`${parentPath}/${props.name}`, value2);
         }
       },
       options,

package/dist/esm/packages/react/src/proteus-document/ProteusSelectTrigger.js

@@ -8,6 +8,7 @@ import { ProteusElement } from './ProteusElement.js';
 function ProteusSelectTrigger({
   children,
   ...props
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
 }) {
   return /* @__PURE__ */ jsx(SelectTrigger, { ...props, children: children && /* @__PURE__ */ jsx(ProteusElement, { element: children }) });
 }

package/dist/esm/packages/react/src/proteus-document/ProteusShow.js

@@ -5,7 +5,10 @@ import { useProteusDocumentContext } from './ProteusDocumentContext.js';
 import { useProteusDocumentPathContext } from './ProteusDocumentPathContext.js';
 import { ProteusElement } from './ProteusElement.js';
 
-function ProteusShow({ children, when }) {
+function ProteusShow({
+  children,
+  when
+}) {
   const { data } = useProteusDocumentContext("@optiaxiom/react/ProteusShow");
   const { path: parentPath } = useProteusDocumentPathContext(
     "@optiaxiom/react/ProteusShow"
@@ -67,7 +70,7 @@ function evaluateCondition(condition, data, parentPath) {
   return false;
 }
 function resolveValue(value, data, parentPath) {
-  if (typeof value === "object" && value !== null && "$type" in value && value.$type === "Proteus.Value" && "path" in value && typeof value.path === "string") {
+  if (typeof value === "object" && value !== null && "$type" in value && value.$type === "Value" && "path" in value && typeof value.path === "string") {
     return getProteusValue(data, value.path, parentPath);
   }
   return value;

package/dist/esm/packages/react/src/proteus-document/ProteusTextarea.js

@@ -2,22 +2,28 @@
 import { jsx } from 'react/jsx-runtime';
 import { Textarea } from '../textarea/Textarea.js';
 import { useProteusDocumentContext } from './ProteusDocumentContext.js';
+import { useProteusDocumentPathContext } from './ProteusDocumentPathContext.js';
+import { useProteusValue } from './useProteusValue.js';
 
 function ProteusTextarea(props) {
-  const { data, onDataChange, readOnly } = useProteusDocumentContext(
+  const { onDataChange, readOnly } = useProteusDocumentContext(
     "@optiaxiom/react/ProteusTextarea"
   );
+  const { path: parentPath } = useProteusDocumentPathContext(
+    "@optiaxiom/react/ProteusTextarea"
+  );
+  const value = useProteusValue(props.name ?? "");
   return /* @__PURE__ */ jsx(
     Textarea,
     {
       ...props,
-      onValueChange: (value) => {
+      onValueChange: (value2) => {
         if (props.name) {
-          onDataChange?.(props.name, value);
+          onDataChange?.(`${parentPath}/${props.name}`, value2);
         }
       },
       readOnly,
-      value: props.name ? data[props.name] : void 0
+      value: props.name ? String(value ?? "") : void 0
     }
   );
 }