@epam/ai-dial-modulify-ui 0.19.0-rc.8 → 0.19.0

package/README.md

@@ -100,14 +100,15 @@ Provides an interface to interact with a registered component. It returns an obj
 
 ```tsx
 // Accessing the original component and binding a new implementation
-const RenderedComponent = Inversify.resolve(MyComponent.original)
-  .bind((originalComponent) => (props) => (
-    // Accessing and using the original component within the factory
-    <div style={{ border: '2px solid red' }}>
-      <originalComponent {...props} />
-    </div>
-  ))
-  .render();
+Inversify.resolve(MyComponent.original).bind((originalComponent) => (props) => (
+  // Accessing and using the original component within the factory
+  <div style={{ border: '2px solid red' }}>
+    <originalComponent {...props} />
+  </div>
+));
+
+// Rendering the component with the bound implementation
+const RenderedComponent = Inversify.resolve(MyComponent.original).render();
 
 // If you need to revert to the original component, unbind to the original
 Inversify.resolve(MyComponent.original).unbind();

package/index.esm.js

@@ -10613,18 +10613,19 @@ class ComponentBuilder {
             }
             const customizeId = child.props[DATA_CUSTOMIZE_ID];
             if (customizeId && this.htmlReplacements[customizeId]) {
-                const replacedContent = this.htmlReplacements[customizeId](child, state, handlers);
+                const replacedContent = this.htmlReplacements[customizeId](react.exports.cloneElement(child, {
+                    [DATA_CUSTOMIZE_ID]: undefined,
+                }), state, handlers);
                 if (!react.exports.isValidElement(replacedContent)) {
                     return child;
                 }
-                return react.exports.cloneElement(replacedContent, {
-                    [DATA_CUSTOMIZE_ID]: customizeId,
+                return react.exports.cloneElement(replacedContent, Object.assign({ [DATA_CUSTOMIZE_ID]: customizeId }, (replacedContent.props.children && {
                     children: this.applyHTMLReplacements(replacedContent.props.children, state, handlers),
-                });
+                })));
             }
-            return react.exports.cloneElement(child, {
+            return react.exports.cloneElement(child, Object.assign({}, (child.props.children && {
                 children: this.applyHTMLReplacements(child.props.children, state, handlers),
-            });
+            })));
         });
     }
 }

package/package.json

@@ -2,7 +2,7 @@
   "name": "@epam/ai-dial-modulify-ui",
   "description": "Modulify Toolkit (UI) for turning a monolith-like project into a modular one",
   "homepage": "https://epam-rail.com",
-  "version": "0.19.0-rc.8",
+  "version": "0.19.0",
   "dependencies": {},
   "type": "module",
   "bugs": {