@bsm-form/react-renderer 0.40.0 → 0.41.0

package/dist/index.cjs

@@ -4645,6 +4645,7 @@ function ConfigProvider({
   slots,
   slotCatalog,
   forms,
+  embeddedEnv,
   onEmbeddedValuesChange,
   onEmbeddedSnapshotChange,
   environment,
@@ -4696,6 +4697,7 @@ function ConfigProvider({
         slots,
         slotCatalog,
         forms,
+        embeddedEnv,
         onEmbeddedValuesChange,
         onEmbeddedSnapshotChange,
         environment,
@@ -4740,6 +4742,7 @@ function FormRefRenderer({ node }) {
   const {
     designMode,
     forms,
+    embeddedEnv,
     environment,
     slots,
     slotCatalog,
@@ -4756,6 +4759,7 @@ function FormRefRenderer({ node }) {
   const schemaId = schema.kind === "layout" && schema.type === "form-ref" ? schema.props.schemaId : "";
   const instanceKey = schema.kind === "layout" && schema.type === "form-ref" ? schema.props.instanceKey : "";
   const className = schema.kind === "layout" && schema.type === "form-ref" && typeof schema.props.className === "string" ? schema.props.className : void 0;
+  const [envConfig] = (0, import_react14.useState)(() => structuredClone(embeddedEnv?.[instanceKey]));
   const nestedTree = schemaId ? forms?.[schemaId] : void 0;
   const engine = (0, import_react14.useMemo)(() => {
     if (!nestedTree) {
@@ -4765,8 +4769,8 @@ function FormRefRenderer({ node }) {
       ...environment,
       notify: environment?.notify ?? notifyWithSonner,
       invoke: environment?.invoke ?? {}
-    });
-  }, [nestedTree, environment, designMode]);
+    }, envConfig);
+  }, [nestedTree, environment, designMode, envConfig]);
   (0, import_react14.useEffect)(() => {
     if (!engine) {
       return;
@@ -4838,6 +4842,7 @@ function FormRefRenderer({ node }) {
           designMode: designMode === true,
           environment,
           forms,
+          embeddedEnv,
           slots,
           slotCatalog,
           invokeCatalog,
@@ -4924,6 +4929,9 @@ var import_sonner2 = require("sonner");
 var import_jsx_runtime47 = require("react/jsx-runtime");
 function FormRenderer({
   tree,
+  envDefinitions,
+  env,
+  embeddedEnv,
   renderWrapper,
   designMode = false,
   environment,
@@ -4936,6 +4944,8 @@ function FormRenderer({
   onValuesChange,
   suppressToaster = false
 }) {
+  const [envConfig] = (0, import_react15.useState)(() => structuredClone({ definitions: envDefinitions, overrides: env }));
+  const [embedConfigs] = (0, import_react15.useState)(() => structuredClone(embeddedEnv));
   const [, forceUpdate] = (0, import_react15.useState)(0);
   const lastSerialized = (0, import_react15.useRef)("");
   const engine = (0, import_react15.useMemo)(
@@ -4943,8 +4953,8 @@ function FormRenderer({
       ...environment,
       notify: environment?.notify ?? notifyWithSonner,
       invoke: environment?.invoke ?? {}
-    }),
-    [tree, designMode, environment]
+    }, envConfig),
+    [tree, designMode, environment, envConfig]
   );
   (0, import_react15.useEffect)(() => {
     const unsubscribe = engine.subscribe(() => {
@@ -4980,6 +4990,7 @@ function FormRenderer({
       slots,
       slotCatalog,
       forms,
+      embeddedEnv: embedConfigs,
       onEmbeddedValuesChange,
       onEmbeddedSnapshotChange,
       environment,

package/dist/index.d.cts

@@ -1,7 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as _bsm_form_core from '@bsm-form/core';
 import { RuntimeNode, FormEngineEnvironment, FormEngine, PaginationChangeResult } from '@bsm-form/core';
-import { FormSchema, PopoverAlign, PopoverSide, DropdownMenuItemVariant, DropdownMenuSide, DropdownMenuAlign, StepperConnector, StepperOrientation, DialogSize, DrawerSide, Node } from '@bsm-form/schema';
+import { FormSchema, FormEnvDefinitions, FormEnvValues, FormEnvConfig, PopoverAlign, PopoverSide, DropdownMenuItemVariant, DropdownMenuSide, DropdownMenuAlign, StepperConnector, StepperOrientation, DialogSize, DrawerSide, Node } from '@bsm-form/schema';
 import * as react from 'react';
 import { ReactNode, HTMLAttributes, ComponentType } from 'react';
 
@@ -91,6 +91,9 @@ declare function snapshotFromEngine(parts: {
 
 type Props$5 = {
     tree: FormSchema;
+    envDefinitions?: FormEnvDefinitions;
+    env?: FormEnvValues;
+    embeddedEnv?: Readonly<Record<string, FormEnvConfig>>;
     renderWrapper?: RenderWrapper;
     designMode?: boolean;
     environment?: Partial<FormEngineEnvironment>;
@@ -110,7 +113,7 @@ type Props$5 = {
     /** Skip the root Sonner toaster (nested embeds should pass true). */
     suppressToaster?: boolean;
 };
-declare function FormRenderer({ tree, renderWrapper, designMode, environment, invokeCatalog, slots, slotCatalog, forms, onEmbeddedValuesChange, onEmbeddedSnapshotChange, onValuesChange, suppressToaster, }: Props$5): react_jsx_runtime.JSX.Element;
+declare function FormRenderer({ tree, envDefinitions, env, embeddedEnv, renderWrapper, designMode, environment, invokeCatalog, slots, slotCatalog, forms, onEmbeddedValuesChange, onEmbeddedSnapshotChange, onValuesChange, suppressToaster, }: Props$5): react_jsx_runtime.JSX.Element;
 
 type Props$4 = {
     node: RuntimeNode;

package/dist/index.d.ts

@@ -1,7 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as _bsm_form_core from '@bsm-form/core';
 import { RuntimeNode, FormEngineEnvironment, FormEngine, PaginationChangeResult } from '@bsm-form/core';
-import { FormSchema, PopoverAlign, PopoverSide, DropdownMenuItemVariant, DropdownMenuSide, DropdownMenuAlign, StepperConnector, StepperOrientation, DialogSize, DrawerSide, Node } from '@bsm-form/schema';
+import { FormSchema, FormEnvDefinitions, FormEnvValues, FormEnvConfig, PopoverAlign, PopoverSide, DropdownMenuItemVariant, DropdownMenuSide, DropdownMenuAlign, StepperConnector, StepperOrientation, DialogSize, DrawerSide, Node } from '@bsm-form/schema';
 import * as react from 'react';
 import { ReactNode, HTMLAttributes, ComponentType } from 'react';
 
@@ -91,6 +91,9 @@ declare function snapshotFromEngine(parts: {
 
 type Props$5 = {
     tree: FormSchema;
+    envDefinitions?: FormEnvDefinitions;
+    env?: FormEnvValues;
+    embeddedEnv?: Readonly<Record<string, FormEnvConfig>>;
     renderWrapper?: RenderWrapper;
     designMode?: boolean;
     environment?: Partial<FormEngineEnvironment>;
@@ -110,7 +113,7 @@ type Props$5 = {
     /** Skip the root Sonner toaster (nested embeds should pass true). */
     suppressToaster?: boolean;
 };
-declare function FormRenderer({ tree, renderWrapper, designMode, environment, invokeCatalog, slots, slotCatalog, forms, onEmbeddedValuesChange, onEmbeddedSnapshotChange, onValuesChange, suppressToaster, }: Props$5): react_jsx_runtime.JSX.Element;
+declare function FormRenderer({ tree, envDefinitions, env, embeddedEnv, renderWrapper, designMode, environment, invokeCatalog, slots, slotCatalog, forms, onEmbeddedValuesChange, onEmbeddedSnapshotChange, onValuesChange, suppressToaster, }: Props$5): react_jsx_runtime.JSX.Element;
 
 type Props$4 = {
     node: RuntimeNode;

package/dist/index.js

@@ -4557,6 +4557,7 @@ function ConfigProvider({
   slots,
   slotCatalog,
   forms,
+  embeddedEnv,
   onEmbeddedValuesChange,
   onEmbeddedSnapshotChange,
   environment,
@@ -4608,6 +4609,7 @@ function ConfigProvider({
         slots,
         slotCatalog,
         forms,
+        embeddedEnv,
         onEmbeddedValuesChange,
         onEmbeddedSnapshotChange,
         environment,
@@ -4652,6 +4654,7 @@ function FormRefRenderer({ node }) {
   const {
     designMode,
     forms,
+    embeddedEnv,
     environment,
     slots,
     slotCatalog,
@@ -4668,6 +4671,7 @@ function FormRefRenderer({ node }) {
   const schemaId = schema.kind === "layout" && schema.type === "form-ref" ? schema.props.schemaId : "";
   const instanceKey = schema.kind === "layout" && schema.type === "form-ref" ? schema.props.instanceKey : "";
   const className = schema.kind === "layout" && schema.type === "form-ref" && typeof schema.props.className === "string" ? schema.props.className : void 0;
+  const [envConfig] = useState8(() => structuredClone(embeddedEnv?.[instanceKey]));
   const nestedTree = schemaId ? forms?.[schemaId] : void 0;
   const engine = useMemo(() => {
     if (!nestedTree) {
@@ -4677,8 +4681,8 @@ function FormRefRenderer({ node }) {
       ...environment,
       notify: environment?.notify ?? notifyWithSonner,
       invoke: environment?.invoke ?? {}
-    });
-  }, [nestedTree, environment, designMode]);
+    }, envConfig);
+  }, [nestedTree, environment, designMode, envConfig]);
   useEffect8(() => {
     if (!engine) {
       return;
@@ -4750,6 +4754,7 @@ function FormRefRenderer({ node }) {
           designMode: designMode === true,
           environment,
           forms,
+          embeddedEnv,
           slots,
           slotCatalog,
           invokeCatalog,
@@ -4839,6 +4844,9 @@ import { Toaster } from "sonner";
 import { jsx as jsx47, jsxs as jsxs19 } from "react/jsx-runtime";
 function FormRenderer({
   tree,
+  envDefinitions,
+  env,
+  embeddedEnv,
   renderWrapper,
   designMode = false,
   environment,
@@ -4851,6 +4859,8 @@ function FormRenderer({
   onValuesChange,
   suppressToaster = false
 }) {
+  const [envConfig] = useState9(() => structuredClone({ definitions: envDefinitions, overrides: env }));
+  const [embedConfigs] = useState9(() => structuredClone(embeddedEnv));
   const [, forceUpdate] = useState9(0);
   const lastSerialized = useRef3("");
   const engine = useMemo2(
@@ -4858,8 +4868,8 @@ function FormRenderer({
       ...environment,
       notify: environment?.notify ?? notifyWithSonner,
       invoke: environment?.invoke ?? {}
-    }),
-    [tree, designMode, environment]
+    }, envConfig),
+    [tree, designMode, environment, envConfig]
   );
   useEffect9(() => {
     const unsubscribe = engine.subscribe(() => {
@@ -4895,6 +4905,7 @@ function FormRenderer({
       slots,
       slotCatalog,
       forms,
+      embeddedEnv: embedConfigs,
       onEmbeddedValuesChange,
       onEmbeddedSnapshotChange,
       environment,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bsm-form/react-renderer",
-  "version": "0.40.0",
+  "version": "0.41.0",
   "description": "React FormRenderer bindings for the BSM form engine",
   "type": "module",
   "license": "UNLICENSED",
@@ -21,8 +21,8 @@
   "dependencies": {
     "bsm-design-system": "1.31.0",
     "sonner": "^2.0.7",
-    "@bsm-form/core": "0.40.0",
-    "@bsm-form/schema": "0.40.0"
+    "@bsm-form/schema": "0.41.0",
+    "@bsm-form/core": "0.41.0"
   },
   "peerDependencies": {
     "react": ">=18",