@f1studio/form-spec 5.0.0-alpha.107 → 5.0.0-alpha.109

package/FormSpec.TS/plugins/bmi/src/BMIField.js

@@ -0,0 +1,823 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: Object.getOwnPropertyDescriptor(all, name).get
+    });
+}
+_export(exports, {
+    get BMIField_Attributes () {
+        return BMIField_Attributes;
+    },
+    get BMIField_Attributes_$reflection () {
+        return BMIField_Attributes_$reflection;
+    },
+    get BMIField_BMIData () {
+        return BMIField_BMIData;
+    },
+    get BMIField_BMIData_$reflection () {
+        return BMIField_BMIData_$reflection;
+    },
+    get BMIField_BMIFieldComponent () {
+        return BMIField_BMIFieldComponent;
+    },
+    get BMIField_Field$1 () {
+        return BMIField_Field$1;
+    },
+    get BMIField_Field$1_$ctor_Z1543D607 () {
+        return BMIField_Field$1_$ctor_Z1543D607;
+    },
+    get BMIField_Field$1_$reflection () {
+        return BMIField_Field$1_$reflection;
+    },
+    get BMIField_calculateBMI () {
+        return BMIField_calculateBMI;
+    },
+    get BMIField_form () {
+        return BMIField_form;
+    },
+    get BMIField_getBMICategory () {
+        return BMIField_getBMICategory;
+    },
+    get BMIField_parseBMIData () {
+        return BMIField_parseBMIData;
+    },
+    get BMIField_serializeBMIData () {
+        return BMIField_serializeBMIData;
+    },
+    get Form_PropertyKeys_BMI () {
+        return Form_PropertyKeys_BMI;
+    },
+    get Form_PropertyKeys_Category () {
+        return Form_PropertyKeys_Category;
+    },
+    get Form_PropertyKeys_Height () {
+        return Form_PropertyKeys_Height;
+    },
+    get Form_PropertyKeys_Weight () {
+        return Form_PropertyKeys_Weight;
+    },
+    get Form_bmiField () {
+        return Form_bmiField;
+    },
+    get Form_designerPreview () {
+        return Form_designerPreview;
+    },
+    get Form_enhancedBMIConverter () {
+        return Form_enhancedBMIConverter;
+    },
+    get Form_markdownRenderer () {
+        return Form_markdownRenderer;
+    },
+    get Form_pluginConfig () {
+        return Form_pluginConfig;
+    }
+});
+const _Types = require("@fable-org/fable-library-js/Types.js");
+const _Option = require("@fable-org/fable-library-js/Option.js");
+const _Util = require("@fable-org/fable-library-js/Util.js");
+const _Reflection = require("@fable-org/fable-library-js/Reflection.js");
+const _Fieldfs = require("../../../fable_modules/Fable.Form.3.0.0/Field.fs.js");
+const _Basefs = require("../../../fable_modules/Fable.Form.3.0.0/Base.fs.js");
+const _String = require("@fable-org/fable-library-js/String.js");
+const _Double = require("@fable-org/fable-library-js/Double.js");
+const _Array = require("@fable-org/fable-library-js/Array.js");
+const _react = require("react");
+const _Interopfs = require("../../../fable_modules/Feliz.2.8.0/Interop.fs.js");
+const _HtmlViewfs = require("../../../fable_modules/Fable.Form.Simple.Bulma.5.0.1/Html.View.fs.js");
+const _Seq = require("@fable-org/fable-library-js/Seq.js");
+const _ElementBuildersfs = require("../../../fable_modules/Feliz.Bulma.3.0.0/ElementBuilders.fs.js");
+const _List = require("@fable-org/fable-library-js/List.js");
+const _Typesfs = require("../../../fable_modules/Fable.Form.Simple.Bulma.5.0.1/Types.fs.js");
+const _FormSpec = require("../../../FormSpec.FS/FormSpec.js");
+const _Result = require("@fable-org/fable-library-js/Result.js");
+const _PluginInterface = require("../../../FormSpec.FS/PluginInterface.js");
+class BMIField_BMIData extends _Types.Record {
+    constructor(Height, Weight, BMI, Category){
+        super();
+        this.Height = Height;
+        this.Weight = Weight;
+        this.BMI = BMI;
+        this.Category = Category;
+    }
+}
+function BMIField_BMIData_$reflection() {
+    return (0, _Reflection.record_type)("Fable.Form.Simple.Bulma.Fields.BMIField.BMIField.BMIData", [], BMIField_BMIData, ()=>[
+            [
+                "Height",
+                _Reflection.float64_type
+            ],
+            [
+                "Weight",
+                _Reflection.float64_type
+            ],
+            [
+                "BMI",
+                (0, _Reflection.option_type)(_Reflection.float64_type)
+            ],
+            [
+                "Category",
+                (0, _Reflection.option_type)(_Reflection.string_type)
+            ]
+        ]);
+}
+class BMIField_Attributes extends _Types.Record {
+    GetFieldId() {
+        const this$ = this;
+        return this$.FieldId;
+    }
+    constructor(FieldId, Label){
+        super();
+        this.FieldId = FieldId;
+        this.Label = Label;
+    }
+}
+function BMIField_Attributes_$reflection() {
+    return (0, _Reflection.record_type)("Fable.Form.Simple.Bulma.Fields.BMIField.BMIField.Attributes", [], BMIField_Attributes, ()=>[
+            [
+                "FieldId",
+                _Reflection.string_type
+            ],
+            [
+                "Label",
+                _Reflection.string_type
+            ]
+        ]);
+}
+function BMIField_form() {
+    return (build)=>(config)=>(0, _Basefs.field)(_String.isNullOrEmpty, build, config);
+}
+function BMIField_calculateBMI(height, weight) {
+    if (height > 0 && weight > 0) {
+        const heightInM = height / 100;
+        return weight / (heightInM * heightInM);
+    } else {
+        return 0;
+    }
+}
+function BMIField_getBMICategory(bmi) {
+    let bmi_2, bmi_3;
+    if (bmi < 18.5) {
+        return "Underweight";
+    } else if (bmi_2 = bmi, bmi_2 >= 18.5 && bmi_2 < 25) {
+        return "Normal weight";
+    } else if (bmi_3 = bmi, bmi_3 >= 25 && bmi_3 < 30) {
+        return "Overweight";
+    } else if (bmi >= 30) {
+        return "Obese";
+    } else {
+        return "Invalid";
+    }
+}
+function BMIField_parseBMIData(value) {
+    try {
+        if ((0, _String.isNullOrWhiteSpace)(value)) {
+            return new BMIField_BMIData(0, 0, undefined, undefined);
+        } else {
+            const parts = (0, _String.split)(value, [
+                "|"
+            ], undefined, 0);
+            if (parts.length >= 2) {
+                const height = (0, _Double.parse)((0, _Array.item)(0, parts));
+                const weight = (0, _Double.parse)((0, _Array.item)(1, parts));
+                const bmi = BMIField_calculateBMI(height, weight);
+                return new BMIField_BMIData(height, weight, bmi, bmi > 0 ? BMIField_getBMICategory(bmi) : undefined);
+            } else {
+                return new BMIField_BMIData(0, 0, undefined, undefined);
+            }
+        }
+    } catch (matchValue) {
+        return new BMIField_BMIData(0, 0, undefined, undefined);
+    }
+}
+function BMIField_serializeBMIData(bmiData) {
+    return (0, _String.toText)((0, _String.interpolate)("%.1f%P()|%.1f%P()", [
+        bmiData.Height,
+        bmiData.Weight
+    ]));
+}
+function BMIField_BMIFieldComponent(config) {
+    let elems_12;
+    const bmiData = BMIField_parseBMIData(config.Value);
+    let patternInput;
+    const initial = bmiData.Height > 0 ? bmiData.Height.toString() : "";
+    patternInput = _Interopfs.reactApi.useState(initial);
+    const height = patternInput[0];
+    let patternInput_1;
+    const initial_1 = bmiData.Weight > 0 ? bmiData.Weight.toString() : "";
+    patternInput_1 = _Interopfs.reactApi.useState(initial_1);
+    const weight = patternInput_1[0];
+    const dependencies = [
+        height,
+        weight
+    ];
+    _Interopfs.reactApi.useEffect(()=>{
+        let heightVal;
+        let matchValue;
+        let outArg = 0;
+        matchValue = [
+            (0, _Double.tryParse)(height, new _Types.FSharpRef(()=>outArg, (v)=>{
+                outArg = v;
+            })),
+            outArg
+        ];
+        let matchResult;
+        if (matchValue[0]) {
+            if (matchValue[1] > 0) {
+                matchResult = 0;
+            } else {
+                matchResult = 1;
+            }
+        } else {
+            matchResult = 1;
+        }
+        switch(matchResult){
+            case 0:
+                {
+                    heightVal = matchValue[1];
+                    break;
+                }
+            default:
+                heightVal = 0;
+        }
+        let weightVal;
+        let matchValue_1;
+        let outArg_1 = 0;
+        matchValue_1 = [
+            (0, _Double.tryParse)(weight, new _Types.FSharpRef(()=>outArg_1, (v_3)=>{
+                outArg_1 = v_3;
+            })),
+            outArg_1
+        ];
+        let matchResult_1;
+        if (matchValue_1[0]) {
+            if (matchValue_1[1] > 0) {
+                matchResult_1 = 0;
+            } else {
+                matchResult_1 = 1;
+            }
+        } else {
+            matchResult_1 = 1;
+        }
+        switch(matchResult_1){
+            case 0:
+                {
+                    weightVal = matchValue_1[1];
+                    break;
+                }
+            default:
+                weightVal = 0;
+        }
+        config.OnChange(BMIField_serializeBMIData(new BMIField_BMIData(heightVal, weightVal, heightVal > 0 && weightVal > 0 ? BMIField_calculateBMI(heightVal, weightVal) : undefined, heightVal > 0 && weightVal > 0 ? BMIField_getBMICategory(BMIField_calculateBMI(heightVal, weightVal)) : undefined)));
+    }, dependencies);
+    let currentBMI;
+    let matchValue_2;
+    let outArg_2 = 0;
+    matchValue_2 = [
+        (0, _Double.tryParse)(height, new _Types.FSharpRef(()=>outArg_2, (v_6)=>{
+            outArg_2 = v_6;
+        })),
+        outArg_2
+    ];
+    let matchValue_3;
+    let outArg_3 = 0;
+    matchValue_3 = [
+        (0, _Double.tryParse)(weight, new _Types.FSharpRef(()=>outArg_3, (v_7)=>{
+            outArg_3 = v_7;
+        })),
+        outArg_3
+    ];
+    let matchResult_2;
+    if (matchValue_2[0]) {
+        if (matchValue_3[0]) {
+            if (matchValue_2[1] > 0 && matchValue_3[1] > 0) {
+                matchResult_2 = 0;
+            } else {
+                matchResult_2 = 1;
+            }
+        } else {
+            matchResult_2 = 1;
+        }
+    } else {
+        matchResult_2 = 1;
+    }
+    switch(matchResult_2){
+        case 0:
+            {
+                const bmi = BMIField_calculateBMI(matchValue_2[1], matchValue_3[1]);
+                currentBMI = [
+                    bmi,
+                    BMIField_getBMICategory(bmi)
+                ];
+                break;
+            }
+        default:
+            currentBMI = undefined;
+    }
+    return (0, _HtmlViewfs.withLabelAndError)(config.Attributes.Label, config.ShowError, config.Error, (0, _react.createElement)("div", (0, _Util.createObj)((0, _List.ofArray)([
+        [
+            "className",
+            "bmi-calculator"
+        ],
+        (elems_12 = (0, _Seq.toList)((0, _Seq.delay)(()=>{
+            let children_5, children_4, elems_2, children_1, children, elems_5, children_3, children_2;
+            return (0, _Seq.append)((0, _Seq.singleton)((children_5 = [
+                (children_4 = [
+                    (0, _react.createElement)("div", (0, _Util.createObj)((0, _ElementBuildersfs.Helpers_combineClasses)("column", (0, _List.ofArray)([
+                        [
+                            "className",
+                            "is-half"
+                        ],
+                        (elems_2 = [
+                            (children_1 = [
+                                (0, _react.createElement)("label", (0, _Util.createObj)((0, _ElementBuildersfs.Helpers_combineClasses)("label", (0, _List.singleton)([
+                                    "children",
+                                    "Height (cm)"
+                                ])))),
+                                (children = [
+                                    (0, _react.createElement)("input", (0, _Util.createObj)((0, _List.cons)([
+                                        "type",
+                                        "number"
+                                    ], (0, _ElementBuildersfs.Helpers_combineClasses)("input", (0, _Seq.toList)((0, _Seq.delay)(()=>(0, _Seq.append)((0, _Seq.singleton)([
+                                            "value",
+                                            height
+                                        ]), (0, _Seq.delay)(()=>(0, _Seq.append)((0, _Seq.singleton)([
+                                                "placeholder",
+                                                "Enter height in cm"
+                                            ]), (0, _Seq.delay)(()=>(0, _Seq.append)((0, _Seq.singleton)([
+                                                    "disabled",
+                                                    config.Disabled ? true : config.IsReadOnly
+                                                ]), (0, _Seq.delay)(()=>(0, _Seq.append)((0, _Seq.singleton)([
+                                                        "onChange",
+                                                        (ev)=>{
+                                                            patternInput[1](ev.target.value);
+                                                        }
+                                                    ]), (0, _Seq.delay)(()=>config.ShowError && config.Error != null ? (0, _Seq.singleton)([
+                                                            "className",
+                                                            "is-danger"
+                                                        ]) : (0, _Seq.empty)()))))))))))))))
+                                ], (0, _react.createElement)("div", {
+                                    className: "control",
+                                    children: _Interopfs.reactApi.Children.toArray(Array.from(children))
+                                }))
+                            ], (0, _react.createElement)("div", {
+                                className: "field",
+                                children: _Interopfs.reactApi.Children.toArray(Array.from(children_1))
+                            }))
+                        ], [
+                            "children",
+                            _Interopfs.reactApi.Children.toArray(Array.from(elems_2))
+                        ])
+                    ])))),
+                    (0, _react.createElement)("div", (0, _Util.createObj)((0, _ElementBuildersfs.Helpers_combineClasses)("column", (0, _List.ofArray)([
+                        [
+                            "className",
+                            "is-half"
+                        ],
+                        (elems_5 = [
+                            (children_3 = [
+                                (0, _react.createElement)("label", (0, _Util.createObj)((0, _ElementBuildersfs.Helpers_combineClasses)("label", (0, _List.singleton)([
+                                    "children",
+                                    "Weight (kg)"
+                                ])))),
+                                (children_2 = [
+                                    (0, _react.createElement)("input", (0, _Util.createObj)((0, _List.cons)([
+                                        "type",
+                                        "number"
+                                    ], (0, _ElementBuildersfs.Helpers_combineClasses)("input", (0, _Seq.toList)((0, _Seq.delay)(()=>(0, _Seq.append)((0, _Seq.singleton)([
+                                            "value",
+                                            weight
+                                        ]), (0, _Seq.delay)(()=>(0, _Seq.append)((0, _Seq.singleton)([
+                                                "placeholder",
+                                                "Enter weight in kg"
+                                            ]), (0, _Seq.delay)(()=>(0, _Seq.append)((0, _Seq.singleton)([
+                                                    "disabled",
+                                                    config.Disabled ? true : config.IsReadOnly
+                                                ]), (0, _Seq.delay)(()=>(0, _Seq.append)((0, _Seq.singleton)([
+                                                        "onChange",
+                                                        (ev_1)=>{
+                                                            patternInput_1[1](ev_1.target.value);
+                                                        }
+                                                    ]), (0, _Seq.delay)(()=>config.ShowError && config.Error != null ? (0, _Seq.singleton)([
+                                                            "className",
+                                                            "is-danger"
+                                                        ]) : (0, _Seq.empty)()))))))))))))))
+                                ], (0, _react.createElement)("div", {
+                                    className: "control",
+                                    children: _Interopfs.reactApi.Children.toArray(Array.from(children_2))
+                                }))
+                            ], (0, _react.createElement)("div", {
+                                className: "field",
+                                children: _Interopfs.reactApi.Children.toArray(Array.from(children_3))
+                            }))
+                        ], [
+                            "children",
+                            _Interopfs.reactApi.Children.toArray(Array.from(elems_5))
+                        ])
+                    ]))))
+                ], (0, _react.createElement)("div", {
+                    className: "columns",
+                    children: _Interopfs.reactApi.Children.toArray(Array.from(children_4))
+                }))
+            ], (0, _react.createElement)("div", {
+                className: "field",
+                children: _Interopfs.reactApi.Children.toArray(Array.from(children_5))
+            }))), (0, _Seq.delay)(()=>{
+                let children_6, elems_10, elems_9, elems_8;
+                const matchValue_5 = currentBMI;
+                if (matchValue_5 == null) {
+                    return (0, _Seq.singleton)((0, _react.createElement)("div", {
+                        className: "has-text-grey-light has-text-centered",
+                        style: {
+                            padding: 20
+                        },
+                        children: "Enter height and weight to calculate BMI"
+                    }));
+                } else {
+                    const category = (0, _Option.value)(matchValue_5)[1];
+                    const bmi_1 = (0, _Option.value)(matchValue_5)[0];
+                    return (0, _Seq.singleton)((children_6 = [
+                        (0, _react.createElement)("label", (0, _Util.createObj)((0, _ElementBuildersfs.Helpers_combineClasses)("label", (0, _List.singleton)([
+                            "children",
+                            "BMI Result"
+                        ])))),
+                        (0, _react.createElement)("div", (0, _Util.createObj)((0, _ElementBuildersfs.Helpers_combineClasses)("box", (0, _List.ofArray)([
+                            [
+                                "style",
+                                {
+                                    backgroundColor: "#f0f9ff",
+                                    border: 1 + "px " + "solid" + " " + "#0ea5e9"
+                                }
+                            ],
+                            (elems_10 = [
+                                (0, _react.createElement)("div", (0, _Util.createObj)((0, _List.ofArray)([
+                                    [
+                                        "className",
+                                        "has-text-centered"
+                                    ],
+                                    (elems_9 = [
+                                        (0, _react.createElement)("p", {
+                                            className: "is-size-4 has-text-weight-bold",
+                                            style: {
+                                                color: "#0ea5e9"
+                                            },
+                                            children: (0, _String.toText)((0, _String.interpolate)("BMI: %.1f%P()", [
+                                                bmi_1
+                                            ]))
+                                        }),
+                                        (0, _react.createElement)("p", {
+                                            className: "is-size-6",
+                                            children: `Category: ${category}`,
+                                            style: {
+                                                color: category === "Underweight" ? "#f59e0b" : category === "Normal weight" ? "#10b981" : category === "Overweight" ? "#f59e0b" : category === "Obese" ? "#ef4444" : "#6b7280"
+                                            }
+                                        }),
+                                        (0, _react.createElement)("hr", {}),
+                                        (0, _react.createElement)("div", (0, _Util.createObj)((0, _List.ofArray)([
+                                            [
+                                                "className",
+                                                "is-size-7"
+                                            ],
+                                            (elems_8 = [
+                                                (0, _react.createElement)("p", {
+                                                    children: "BMI Categories:"
+                                                }),
+                                                (0, _react.createElement)("p", {
+                                                    children: "• Underweight: < 18.5"
+                                                }),
+                                                (0, _react.createElement)("p", {
+                                                    children: "• Normal weight: 18.5-24.9"
+                                                }),
+                                                (0, _react.createElement)("p", {
+                                                    children: "• Overweight: 25.0-29.9"
+                                                }),
+                                                (0, _react.createElement)("p", {
+                                                    children: "• Obese: ≥ 30.0"
+                                                })
+                                            ], [
+                                                "children",
+                                                _Interopfs.reactApi.Children.toArray(Array.from(elems_8))
+                                            ])
+                                        ])))
+                                    ], [
+                                        "children",
+                                        _Interopfs.reactApi.Children.toArray(Array.from(elems_9))
+                                    ])
+                                ])))
+                            ], [
+                                "children",
+                                _Interopfs.reactApi.Children.toArray(Array.from(elems_10))
+                            ])
+                        ]))))
+                    ], (0, _react.createElement)("div", {
+                        className: "field",
+                        children: _Interopfs.reactApi.Children.toArray(Array.from(children_6))
+                    })));
+                }
+            }));
+        })), [
+            "children",
+            _Interopfs.reactApi.Children.toArray(Array.from(elems_12))
+        ])
+    ]))));
+}
+class BMIField_Field$1 extends _Typesfs.IStandardField$3 {
+    "Fable.Form.Simple.Bulma.IStandardField`3.RenderFieldZ43FEF6DC"(config) {
+        return (0, _react.createElement)(BMIField_BMIFieldComponent, config);
+    }
+    MapFieldValues(update) {
+        const _ = this;
+        return BMIField_Field$1_$ctor_Z1543D607((0, _Fieldfs.mapValues)(update, _.innerField_1));
+    }
+    constructor(innerField){
+        super(innerField);
+        this.innerField_1 = innerField;
+    }
+}
+function BMIField_Field$1_$reflection(gen0) {
+    return (0, _Reflection.class_type)("Fable.Form.Simple.Bulma.Fields.BMIField.BMIField.Field`1", [
+        gen0
+    ], BMIField_Field$1, (0, _Typesfs.IStandardField$3_$reflection)(gen0, _Reflection.string_type, BMIField_Attributes_$reflection()));
+}
+function BMIField_Field$1_$ctor_Z1543D607(innerField) {
+    return new BMIField_Field$1(innerField);
+}
+function Form_bmiField(config) {
+    return BMIField_form()(BMIField_Field$1_$ctor_Z1543D607)(config);
+}
+const Form_pluginConfig = new _FormSpec.Spec_PluginFieldConfig("Fable.Form.Simple.Bulma.Fields.BMIField");
+const Form_PropertyKeys_Height = new _FormSpec.Shared_PluginPropertyKey("276106c7-09ce-44cf-9076-4a4985775a90");
+const Form_PropertyKeys_Weight = new _FormSpec.Shared_PluginPropertyKey("2b7fd0c7-08e1-4072-9dd9-73a4183eea40");
+const Form_PropertyKeys_BMI = new _FormSpec.Shared_PluginPropertyKey("6ca28396-8bea-4939-afb0-2fc7abf1cd5e");
+const Form_PropertyKeys_Category = new _FormSpec.Shared_PluginPropertyKey("b26d5b2b-f1c9-4a56-8c41-8288fc9e1a84");
+const Form_enhancedBMIConverter = new _PluginInterface.IPluginValueConverter((fieldKey, pluginValue)=>{
+    const bmiData = pluginValue;
+    let calculatedBMI;
+    if (bmiData.Height > 0 && bmiData.Weight > 0) {
+        const heightM = bmiData.Height / 100;
+        calculatedBMI = bmiData.Weight / (heightM * heightM);
+    } else {
+        calculatedBMI = undefined;
+    }
+    const calculatedCategory = (0, _Option.map)(BMIField_getBMICategory, calculatedBMI);
+    return (0, _FormSpec.Shared_FieldValue_PluginData)((0, _List.ofArray)([
+        new _FormSpec.Shared_PluginDataProperty(Form_PropertyKeys_Height, "height", "float", bmiData.Height.toString(), "Height", "cm", "Patient height in centimeters"),
+        new _FormSpec.Shared_PluginDataProperty(Form_PropertyKeys_Weight, "weight", "float", bmiData.Weight.toString(), "Weight", "kg", "Patient weight in kilograms"),
+        new _FormSpec.Shared_PluginDataProperty(Form_PropertyKeys_BMI, "bmi", "float", (0, _Option.defaultArg)((0, _Option.map)((value)=>value.toString(), calculatedBMI), ""), "BMI Score", "kg/m²", "Body Mass Index: weight divided by height squared"),
+        new _FormSpec.Shared_PluginDataProperty(Form_PropertyKeys_Category, "category", "string", (0, _Option.defaultArg)(calculatedCategory, ""), "BMI Category", undefined, "WHO BMI classification (Underweight/Normal/Overweight/Obese)")
+    ]));
+}, (fieldValue)=>{
+    switch(fieldValue.tag){
+        case /* PluginData */ 3:
+            {
+                const properties = fieldValue.fields[0];
+                return (0, _Option.some)(new BMIField_BMIData((0, _Option.defaultArg)((0, _Option.bind)((tupledArg)=>{
+                    if (tupledArg[0]) {
+                        return tupledArg[1];
+                    } else {
+                        return undefined;
+                    }
+                }, (0, _Option.map)((p_1)=>{
+                    let outArg = 0;
+                    return [
+                        (0, _Double.tryParse)(p_1.Value, new _Types.FSharpRef(()=>outArg, (v)=>{
+                            outArg = v;
+                        })),
+                        outArg
+                    ];
+                }, (0, _List.tryFind)((p)=>p.Name === "height", properties))), 0), (0, _Option.defaultArg)((0, _Option.bind)((tupledArg_1)=>{
+                    if (tupledArg_1[0]) {
+                        return tupledArg_1[1];
+                    } else {
+                        return undefined;
+                    }
+                }, (0, _Option.map)((p_3)=>{
+                    let outArg_1 = 0;
+                    return [
+                        (0, _Double.tryParse)(p_3.Value, new _Types.FSharpRef(()=>outArg_1, (v_1)=>{
+                            outArg_1 = v_1;
+                        })),
+                        outArg_1
+                    ];
+                }, (0, _List.tryFind)((p_2)=>p_2.Name === "weight", properties))), 0), undefined, undefined));
+            }
+        case /* Single */ 0:
+            return (0, _Option.some)(BMIField_parseBMIData(fieldValue.fields[0].Value));
+        default:
+            return undefined;
+    }
+}, ()=>undefined, ()=>(0, _List.ofArray)([
+        "height",
+        "weight",
+        "bmi",
+        "category"
+    ]), (propertyName)=>propertyName === "height" ? new _FormSpec.Shared_PluginDataProperty(Form_PropertyKeys_Height, "height", "float", "", "Height", "cm", "Patient height in centimeters") : propertyName === "weight" ? new _FormSpec.Shared_PluginDataProperty(Form_PropertyKeys_Weight, "weight", "float", "", "Weight", "kg", "Patient weight in kilograms") : propertyName === "bmi" ? new _FormSpec.Shared_PluginDataProperty(Form_PropertyKeys_BMI, "bmi", "float", "", "BMI Score", "kg/m²", "Body Mass Index calculation") : propertyName === "category" ? new _FormSpec.Shared_PluginDataProperty(Form_PropertyKeys_Category, "category", "string", "", "BMI Category", undefined, "BMI classification category") : undefined, (propertyKey)=>(0, _Util.equals)(propertyKey, Form_PropertyKeys_Height) ? new _FormSpec.Shared_PluginDataProperty(Form_PropertyKeys_Height, "height", "float", "", "Height", "cm", "Patient height in centimeters") : (0, _Util.equals)(propertyKey, Form_PropertyKeys_Weight) ? new _FormSpec.Shared_PluginDataProperty(Form_PropertyKeys_Weight, "weight", "float", "", "Weight", "kg", "Patient weight in kilograms") : (0, _Util.equals)(propertyKey, Form_PropertyKeys_BMI) ? new _FormSpec.Shared_PluginDataProperty(Form_PropertyKeys_BMI, "bmi", "float", "", "BMI Score", "kg/m²", "Body Mass Index calculation") : (0, _Util.equals)(propertyKey, Form_PropertyKeys_Category) ? new _FormSpec.Shared_PluginDataProperty(Form_PropertyKeys_Category, "category", "string", "", "BMI Category", undefined, "BMI classification category") : undefined, (propertyName_1, fieldValue_1)=>{
+    switch(fieldValue_1.tag){
+        case /* PluginData */ 3:
+            return (0, _List.tryFind)((p_4)=>p_4.Name === propertyName_1, fieldValue_1.fields[0]);
+        case /* Single */ 0:
+            {
+                const bmiData_1 = BMIField_parseBMIData(fieldValue_1.fields[0].Value);
+                return propertyName_1 === "height" ? new _FormSpec.Shared_PluginDataProperty(Form_PropertyKeys_Height, "height", "float", bmiData_1.Height.toString(), "Height", "cm", "Patient height in centimeters") : propertyName_1 === "weight" ? new _FormSpec.Shared_PluginDataProperty(Form_PropertyKeys_Weight, "weight", "float", bmiData_1.Weight.toString(), "Weight", "kg", "Patient weight in kilograms") : propertyName_1 === "bmi" ? (0, _Option.map)((v_2)=>new _FormSpec.Shared_PluginDataProperty(Form_PropertyKeys_BMI, "bmi", "float", v_2.toString(), "BMI", "kg/m²", "Body Mass Index calculation"), bmiData_1.BMI) : propertyName_1 === "category" ? (0, _Option.map)((v_3)=>new _FormSpec.Shared_PluginDataProperty(Form_PropertyKeys_Category, "category", "string", v_3, "Category", undefined, "BMI classification category"), bmiData_1.Category) : undefined;
+            }
+        default:
+            return undefined;
+    }
+}, (propertyKey_1, fieldValue_2)=>{
+    switch(fieldValue_2.tag){
+        case /* PluginData */ 3:
+            return (0, _List.tryFind)((p_5)=>(0, _Util.equals)(p_5.PropertyKey, propertyKey_1), fieldValue_2.fields[0]);
+        case /* Single */ 0:
+            {
+                const bmiData_2 = BMIField_parseBMIData(fieldValue_2.fields[0].Value);
+                return (0, _Util.equals)(propertyKey_1, Form_PropertyKeys_Height) ? new _FormSpec.Shared_PluginDataProperty(Form_PropertyKeys_Height, "height", "float", bmiData_2.Height.toString(), "Height", "cm", "Patient height in centimeters") : (0, _Util.equals)(propertyKey_1, Form_PropertyKeys_Weight) ? new _FormSpec.Shared_PluginDataProperty(Form_PropertyKeys_Weight, "weight", "float", bmiData_2.Weight.toString(), "Weight", "kg", "Patient weight in kilograms") : (0, _Util.equals)(propertyKey_1, Form_PropertyKeys_BMI) ? (0, _Option.map)((v_4)=>new _FormSpec.Shared_PluginDataProperty(Form_PropertyKeys_BMI, "bmi", "float", v_4.toString(), "BMI", "kg/m²", "Body Mass Index calculation"), bmiData_2.BMI) : (0, _Util.equals)(propertyKey_1, Form_PropertyKeys_Category) ? (0, _Option.map)((v_5)=>new _FormSpec.Shared_PluginDataProperty(Form_PropertyKeys_Category, "category", "string", v_5, "Category", undefined, "BMI classification category"), bmiData_2.Category) : undefined;
+            }
+        default:
+            return undefined;
+    }
+}, (propertyName_2, value_7)=>{
+    let v_7, v_11;
+    switch(propertyName_2){
+        case "height":
+            {
+                let matchValue;
+                let outArg_2 = 0;
+                matchValue = [
+                    (0, _Double.tryParse)(value_7, new _Types.FSharpRef(()=>outArg_2, (v_6)=>{
+                        outArg_2 = v_6;
+                    })),
+                    outArg_2
+                ];
+                return matchValue[0] ? (v_7 = matchValue[1], v_7 >= 50 && v_7 <= 250) ? (0, _Result.FSharpResult$2_Ok)(undefined) : (0, _Result.FSharpResult$2_Error)(`Height must be between 50-250 cm, got ${matchValue[1]}`) : (0, _Result.FSharpResult$2_Error)("Height must be a valid number");
+            }
+        case "weight":
+            {
+                let matchValue_1;
+                let outArg_3 = 0;
+                matchValue_1 = [
+                    (0, _Double.tryParse)(value_7, new _Types.FSharpRef(()=>outArg_3, (v_10)=>{
+                        outArg_3 = v_10;
+                    })),
+                    outArg_3
+                ];
+                return matchValue_1[0] ? (v_11 = matchValue_1[1], v_11 >= 1 && v_11 <= 300) ? (0, _Result.FSharpResult$2_Ok)(undefined) : (0, _Result.FSharpResult$2_Error)(`Weight must be between 1-300 kg, got ${matchValue_1[1]}`) : (0, _Result.FSharpResult$2_Error)("Weight must be a valid number");
+            }
+        case "bmi":
+        case "category":
+            return (0, _Result.FSharpResult$2_Error)("BMI and category are calculated fields and cannot be set directly");
+        default:
+            return (0, _Result.FSharpResult$2_Error)(`Unknown property: ${propertyName_2}`);
+    }
+}, (fieldValue_3)=>{
+    switch(fieldValue_3.tag){
+        case /* PluginData */ 3:
+            return fieldValue_3.fields[0];
+        case /* Single */ 0:
+            {
+                const bmiData_3 = BMIField_parseBMIData(fieldValue_3.fields[0].Value);
+                return (0, _List.ofArray)([
+                    new _FormSpec.Shared_PluginDataProperty(Form_PropertyKeys_Height, "height", "float", bmiData_3.Height.toString(), "Height", "cm", "Patient height in centimeters"),
+                    new _FormSpec.Shared_PluginDataProperty(Form_PropertyKeys_Weight, "weight", "float", bmiData_3.Weight.toString(), "Weight", "kg", "Patient weight in kilograms"),
+                    new _FormSpec.Shared_PluginDataProperty(Form_PropertyKeys_BMI, "bmi", "float", (0, _Option.defaultArg)((0, _Option.map)((value_8)=>value_8.toString(), bmiData_3.BMI), ""), "BMI", "kg/m²", "Body Mass Index calculation"),
+                    new _FormSpec.Shared_PluginDataProperty(Form_PropertyKeys_Category, "category", "string", (0, _Option.defaultArg)(bmiData_3.Category, ""), "Category", undefined, "BMI classification category")
+                ]);
+            }
+        default:
+            return (0, _List.empty)();
+    }
+});
+function Form_designerPreview(props) {
+    let elems_3, elems_2, elems, elems_1;
+    const children = [
+        (0, _react.createElement)("div", (0, _Util.createObj)((0, _ElementBuildersfs.Helpers_combineClasses)("box", (0, _List.ofArray)([
+            [
+                "style",
+                {
+                    border: 1 + "px " + "dashed" + " " + "hsl(0, 0%, 86%)",
+                    backgroundColor: "hsl(0, 0%, 98%)",
+                    textAlign: "center",
+                    padding: 20
+                }
+            ],
+            (elems_3 = [
+                (0, _react.createElement)("div", {
+                    className: "has-text-weight-bold",
+                    children: "📊 BMI Calculator",
+                    style: {
+                        marginBottom: 10
+                    }
+                }),
+                (0, _react.createElement)("div", (0, _Util.createObj)((0, _ElementBuildersfs.Helpers_combineClasses)("columns", (0, _List.ofArray)([
+                    [
+                        "className",
+                        "is-gapless"
+                    ],
+                    [
+                        "className",
+                        "is-mobile"
+                    ],
+                    (elems_2 = [
+                        (0, _react.createElement)("div", (0, _Util.createObj)((0, _ElementBuildersfs.Helpers_combineClasses)("column", (0, _List.singleton)((elems = [
+                            (0, _react.createElement)("input", (0, _Util.createObj)((0, _List.cons)([
+                                "type",
+                                "text"
+                            ], (0, _ElementBuildersfs.Helpers_combineClasses)("input", (0, _List.ofArray)([
+                                [
+                                    "readOnly",
+                                    true
+                                ],
+                                [
+                                    "placeholder",
+                                    "Height (cm)"
+                                ],
+                                [
+                                    "style",
+                                    {
+                                        fontSize: 12 + "px"
+                                    }
+                                ]
+                            ])))))
+                        ], [
+                            "children",
+                            _Interopfs.reactApi.Children.toArray(Array.from(elems))
+                        ]))))),
+                        (0, _react.createElement)("div", (0, _Util.createObj)((0, _ElementBuildersfs.Helpers_combineClasses)("column", (0, _List.singleton)((elems_1 = [
+                            (0, _react.createElement)("input", (0, _Util.createObj)((0, _List.cons)([
+                                "type",
+                                "text"
+                            ], (0, _ElementBuildersfs.Helpers_combineClasses)("input", (0, _List.ofArray)([
+                                [
+                                    "readOnly",
+                                    true
+                                ],
+                                [
+                                    "placeholder",
+                                    "Weight (kg)"
+                                ],
+                                [
+                                    "style",
+                                    {
+                                        fontSize: 12 + "px"
+                                    }
+                                ]
+                            ])))))
+                        ], [
+                            "children",
+                            _Interopfs.reactApi.Children.toArray(Array.from(elems_1))
+                        ])))))
+                    ], [
+                        "children",
+                        _Interopfs.reactApi.Children.toArray(Array.from(elems_2))
+                    ])
+                ])))),
+                (0, _react.createElement)("div", {
+                    style: {
+                        fontSize: 10 + "px",
+                        color: "hsl(0, 0%, 60%)",
+                        marginTop: 5
+                    },
+                    children: "Automatically calculates BMI and category"
+                })
+            ], [
+                "children",
+                _Interopfs.reactApi.Children.toArray(Array.from(elems_3))
+            ])
+        ]))))
+    ];
+    return (0, _react.createElement)("div", {
+        className: "control",
+        children: _Interopfs.reactApi.Children.toArray(Array.from(children))
+    });
+}
+function Form_markdownRenderer(field, fieldDetails) {
+    let matchValue_1;
+    let value;
+    const matchValue = fieldDetails.FieldValue;
+    value = matchValue.tag === /* Single */ 0 ? matchValue.fields[0].Value : "";
+    if ((0, _String.isNullOrWhiteSpace)(value)) {
+        return `**${field.Label}:** *[No data entered]*`;
+    } else {
+        try {
+            const bmiData = BMIField_parseBMIData(value);
+            return bmiData.Height > 0 && bmiData.Weight > 0 && bmiData.BMI != null && bmiData.Category != null ? (0, _String.join)("\n", [
+                `**${field.Label}** ${(matchValue_1 = (0, _Option.value)(bmiData.Category), matchValue_1 === "Underweight" ? "⚖️" : matchValue_1 === "Normal weight" ? "✅" : matchValue_1 === "Overweight" ? "⚠️" : matchValue_1 === "Obese" ? "🚨" : "📊")}`,
+                "",
+                "| Metric | Value |",
+                "|--------|-------|",
+                `| **Height** | %P(F1) cm |`,
+                `| **Weight** | %P(F1) kg |`,
+                `| **BMI** | **%P(F1)** |`,
+                `| **Category** | **${(0, _Option.value)(bmiData.Category)}** |`,
+                "",
+                "> 💡 *BMI is calculated as weight (kg) divided by height (m) squared*"
+            ]) : `**${field.Label}:** *[Incomplete data: Height=%P(F1)cm, Weight=%P(F1)kg]*`;
+        } catch (ex) {
+            return `**${field.Label}:** *[Error processing data: ${ex.message}]*`;
+        }
+    }
+} //# sourceMappingURL=BMIField.ts.map
+
+//# sourceMappingURL=BMIField.js.map