@gtkx/react 0.1.46 → 0.1.47

package/README.md

@@ -68,7 +68,7 @@ export const App = () => {
       defaultHeight={300}
       onCloseRequest={quit}
     >
-      <Box orientation={Orientation.VERTICAL} spacing={12} margin={20}>
+      <Box orientation={Orientation.VERTICAL} spacing={12} marginStart={20} marginEnd={20} marginTop={20} marginBottom={20}>
         <Label.Root label={`Count: ${count}`} />
         <Button
           label="Increment"

package/dist/codegen/jsx-generator.d.ts

@@ -44,6 +44,7 @@ export declare class JsxGenerator {
     private getRequiredConstructorParams;
     private getConstructorParams;
     private generateConstructorArgsMetadata;
+    private generatePropSettersMap;
     private generateSetterGetterMap;
     private collectAllProperties;
     private getAncestorInterfaces;

package/dist/codegen/jsx-generator.js

@@ -118,6 +118,7 @@ export class JsxGenerator {
             this.generateCommonTypes(widgetClass),
             widgetPropsInterfaces,
             this.generateConstructorArgsMetadata(widgets),
+            this.generatePropSettersMap(widgets),
             this.generateSetterGetterMap(widgets),
             this.generateExports(widgets, containerMetadata),
             this.generateJsxNamespace(widgets, containerMetadata),
@@ -410,6 +411,28 @@ ${widgetPropsContent}
         }
         return `export const CONSTRUCTOR_PARAMS: Record<string, { name: string; hasDefault: boolean }[]> = {\n${entries.join(",\n")},\n};\n`;
     }
+    generatePropSettersMap(widgets) {
+        const widgetEntries = [];
+        for (const widget of widgets) {
+            const propSetterPairs = [];
+            const allProps = this.collectAllProperties(widget);
+            for (const prop of allProps) {
+                if (prop.setter) {
+                    const propName = toCamelCase(prop.name);
+                    const setterName = toCamelCase(prop.setter);
+                    propSetterPairs.push(`"${propName}": "${setterName}"`);
+                }
+            }
+            if (propSetterPairs.length > 0) {
+                const widgetName = toPascalCase(widget.name);
+                widgetEntries.push(`\t${widgetName}: { ${propSetterPairs.join(", ")} }`);
+            }
+        }
+        if (widgetEntries.length === 0) {
+            return `export const PROP_SETTERS: Record<string, Record<string, string>> = {};\n`;
+        }
+        return `export const PROP_SETTERS: Record<string, Record<string, string>> = {\n${widgetEntries.join(",\n")},\n};\n`;
+    }
     generateSetterGetterMap(widgets) {
         const widgetEntries = [];
         for (const widget of widgets) {
@@ -440,7 +463,7 @@ ${widgetPropsContent}
             for (const prop of current.properties) {
                 if (!seen.has(prop.name)) {
                     seen.add(prop.name);
-                    props.push({ setter: prop.setter, getter: prop.getter });
+                    props.push({ name: prop.name, setter: prop.setter, getter: prop.getter });
                 }
             }
             for (const ifaceName of current.implements) {
@@ -449,7 +472,7 @@ ${widgetPropsContent}
                     for (const prop of iface.properties) {
                         if (!seen.has(prop.name)) {
                             seen.add(prop.name);
-                            props.push({ setter: prop.setter, getter: prop.getter });
+                            props.push({ name: prop.name, setter: prop.setter, getter: prop.getter });
                         }
                     }
                 }

package/dist/generated/jsx.d.ts

@@ -5933,6 +5933,7 @@ export declare const CONSTRUCTOR_PARAMS: Record<string, {
     name: string;
     hasDefault: boolean;
 }[]>;
+export declare const PROP_SETTERS: Record<string, Record<string, string>>;
 export declare const SETTER_GETTERS: Record<string, Record<string, string>>;
 /**
  * The base class for all widgets.