lilact 0.31.7 → 0.31.8

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "lilact",
-  "version": "0.31.7",
+  "version": "0.31.8",
   "description": "A Little React/JSX Runtime Implementation for Browser",
   "repository": "github:arashkazemi/lilact",
   "homepage": "https://arashkazemi.github.io/lilact/",

package/src/components.jsx

@@ -30,7 +30,7 @@
 
 import Lilact from './lilact.jsx';
 
-import { CORE, COMPONENT, TEXT, IS_ZOMBIE, IDX, CHILD_CLASS_ADDENDUM, MEMOIZED, LOCATION } from "./symbols.jsx"
+import { CORE, COMPONENT, TEXT, IS_ZOMBIE, IDX, CHILD_CLASS_ADDENDUM, MEMOIZED, LOCATION, CLONED_STYLE } from "./symbols.jsx"
 import { shallowEqual, toBool, isClass, isThenable } from "./misc.jsx";
 
 import { PropTypes } from './proptypes.jsx';
@@ -298,7 +298,7 @@ class ComponentCache
 					ex.cleanup();
 				}
 				else if(ex.element && !ex.portal) {
-					ex.element.parentElement.removeChild(ex.element);
+					ex.element.parentElement?.removeChild?.(ex.element);
 				}
 			});
 		});
@@ -401,6 +401,10 @@ class ComponentCore
 					};
 				}
 
+				if(next_props?.style && typeof next_props.style === 'object' && !next_props.style[CLONED_STYLE]) {
+					next_props.style = { ...next_props.style, [CLONED_STYLE]: true };
+				}
+
 				if(this?.parent?.component?.context || this?.parent?.component?.getChildContext ) {
 					this.context = { ...this.parent.component.context, ...this.parent.component.getChildContext?.() };
 
@@ -553,7 +557,7 @@ class ComponentCore
 					this.props.ref(null);
 				}
 				else {
-					this.props.current = null;
+					this.props.ref.current = null;
 				}
 			}
 
@@ -679,7 +683,7 @@ class ComponentCore
 							}
 							else {
 								for(let p in this.props.style) {
-									if( !patch.style.hasOwnProperty(p) ) {
+									if( p!==CLONED_STYLE && !patch.style.hasOwnProperty(p) ) {
 										this.element.style[p] = "";
 									}
 								}
@@ -705,7 +709,7 @@ class ComponentCore
 				else if(a==='autoFocus') { // not lower cased(al), as it is set as a js property
 					this.element['autofocus'] = toBool(patch[a]);
 				}
-				else if(a==='htmlFor') { // not lower cased(al), as it is set as a js property
+				else if(a==='htmlFor' || a==='for') { // not lower cased(al), as it is set as a js property
 					this.element.setAttribute('for', patch[a]);
 				}
 				else if(al!=='value' || ['input', 'textarea', 'select'].indexOf(this.entity)===-1) {

package/src/hooks.jsx

@@ -427,8 +427,7 @@ export function useActionState(action, initialState)
 					async ()=> {
 						const form_data = new FormData(event.target, event.submitter);
 						hk.state = await action(hk.state, form_data);
-					},
-					[]
+					}
 				);
 
 			return false;

package/src/symbols.jsx

@@ -40,6 +40,7 @@ export const [
 				CHILD_CLASS_ADDENDUM,
 				MEMOIZED,
 				LAZY,
+				CLONED_STYLE,
 
 				DUE,
 				REPEAT,
@@ -59,6 +60,7 @@ export const [
 				Symbol.for('LILACT:CHILD_CLASS_ADDENDUM'),
 				Symbol.for('LILACT:MEMOIZED'),
 				Symbol.for('LILACT:LAZY'),
+				Symbol.for('LILACT:CLONED_STYLE'),
 
 				Symbol.for('LILACT:TIMERS:DUE'),
 				Symbol.for('LILACT:TIMERS:REPEAT'),