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

package/FormSpec.TS/fable_modules/Fable.Form.Simple.Bulma.5.0.1/Group.fs.js

@@ -0,0 +1,73 @@
+"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 Field$1 () {
+        return Field$1;
+    },
+    get Field$1_$ctor_79FA8BF2 () {
+        return Field$1_$ctor_79FA8BF2;
+    },
+    get Field$1_$reflection () {
+        return Field$1_$reflection;
+    }
+});
+const _react = require("react");
+const _Util = require("@fable-org/fable-library-js/Util.js");
+const _ElementBuildersfs = require("../Feliz.Bulma.3.0.0/ElementBuilders.fs.js");
+const _List = require("@fable-org/fable-library-js/List.js");
+const _Interopfs = require("../Feliz.2.8.0/Interop.fs.js");
+const _HtmlViewfs = require("./Html.View.fs.js");
+const _Formfs = require("../Fable.Form.Simple.5.0.1/Form.fs.js");
+const _Basefs = require("../Fable.Form.3.0.0/Base.fs.js");
+const _Typesfs = require("./Types.fs.js");
+const _Reflection = require("@fable-org/fable-library-js/Reflection.js");
+class Field$1 extends _Typesfs.IGenericField$1 {
+    "Fable.Form.Simple.Bulma.IGenericField`1.RenderField"(fieldConfig, _filledField) {
+        let elems_2;
+        const _ = this;
+        const children_2 = [
+            (0, _react.createElement)("div", (0, _Util.createObj)((0, _ElementBuildersfs.Helpers_combineClasses)("columns", (0, _List.singleton)((elems_2 = (0, _List.map)((i)=>{
+                const children_1 = [
+                    i
+                ];
+                return (0, _react.createElement)("div", {
+                    className: "column",
+                    children: _Interopfs.reactApi.Children.toArray(Array.from(children_1))
+                });
+            }, (0, _List.map)((field)=>(0, _HtmlViewfs.renderField)(new _Formfs.FieldConfig$2(fieldConfig.OnChange, fieldConfig.OnBlur, field.IsDisabled ? true : fieldConfig.Disabled, fieldConfig.IsReadOnly, fieldConfig.ShowError), (0, _HtmlViewfs.ignoreChildError)(field.Error, field)), _.fields)), [
+                "children",
+                _Interopfs.reactApi.Children.toArray(Array.from(elems_2))
+            ])))))
+        ];
+        return (0, _react.createElement)("div", {
+            className: "field",
+            children: _Interopfs.reactApi.Children.toArray(Array.from(children_2))
+        });
+    }
+    MapFieldValues(update) {
+        const _ = this;
+        return Field$1_$ctor_79FA8BF2((0, _List.map)((filledField)=>new _Basefs.FilledField$1(filledField.State.MapFieldValues(update), filledField.Error, filledField.IsDisabled, filledField.IsReadOnly), _.fields));
+    }
+    constructor(fields){
+        super();
+        this.fields = fields;
+    }
+}
+function Field$1_$reflection(gen0) {
+    return (0, _Reflection.class_type)("Fable.Form.Simple.Bulma.Fields.Group.Field`1", [
+        gen0
+    ], Field$1, (0, _Typesfs.IGenericField$1_$reflection)(gen0));
+}
+function Field$1_$ctor_79FA8BF2(fields) {
+    return new Field$1(fields);
+} //# sourceMappingURL=Group.fs.ts.map
+
+//# sourceMappingURL=Group.fs.js.map

package/FormSpec.TS/fable_modules/Fable.Form.Simple.Bulma.5.0.1/Group.fs.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../FormSpec.TS/fable_modules/Fable.Form.Simple.Bulma.5.0.1/Group.fs.ts","../Feliz.2.8.0/Properties.fs","../Feliz.Bulma.3.0.0/ElementBuilders.fs","../Feliz.2.8.0/Interop.fs","../Feliz.2.8.0/Html.fs","../Feliz.Bulma.3.0.0/Bulma.fs"],"names":["fields","elems","_","children","i","fieldConfig","field","``.ctor``","filledField","update"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;YCibmCC;QDnZlBC,MAAAA,IAAAA,IAAAA;QEDoBC,MAAAA,aAAAA;YCpB+B,wBAAA,ECuLZ,OAAA,IAAA,eAAA,MFpKc,yCAAA,EGiNH,eL7LrC,eAAA,ECiYKF,WDhYG,aAAA,EAAA,CAAA;gBEpBDE,MAAAA,aAAAA;oBFoBUC;iBAAAA;gBGxCqB,WAAA,oBAAA,ECuLZ,OAAA;+BCqDW;8BJ4LkC,mBAAA,CAAA,QAAA,CAAA,OAAA,CAAA,MAAA,IAAA,CCpZUD;;mBFQ5F,SAAA,EAAA,CAAA,YAGC,uBAAA,EACI,IAAA,qBAAA,CAAAE,YAAAA,QAAAA,EAAAA,YAAAA,MAAAA,EACeC,MAAAA,UAAAA,GAAA,OAAoBD,YAAAA,QAAAA,EADnCA,YAAAA,UAAAA,EAAAA,YAAAA,SAAAA,OAHK,4BAAA,EAA2BC,MAAAA,KAAAA,EAAYA,SAFpDJ,EAAAA,MAAAA,IAAAA;gBC6YyE;gBAAY,mBAAA,CAAA,QAAA,CAAA,OAAA,CAAA,MAAA,IAAA,CAA+CD;aAAAA;SAAAA;QExahF,OAAA,wBAAA,ECuLZ,OAAA;uBC4bkC;sBJ3MW,mBAAA,CAAA,QAAA,CAAA,OAAA,CAAA,MAAA,IAAA,CCpZUE;;;;QFd5FD,MAAAA,IAAAA,IAAAA;QAYA,OAAAK,2BATA,SAAA,EAAA,CAAA,cACC,IAAA,qBAAA,CACYC,YAAAA,KAAAA,CAAAA,cAAAA,CAAiCC,SACjCD,YAAAA,KAAAA,EACKA,YAAAA,UAAAA,EACAA,YAAAA,UAAAA,GANrBN,EAAAA,MAAAA;;;;QARQ,IAAA,CAAA,MAAA,GAAAF"}

package/FormSpec.TS/fable_modules/Fable.Form.Simple.Bulma.5.0.1/Group.fs.ts.map

@@ -0,0 +1 @@
+{"version":3,"sources":["./Group.fs","../Feliz.2.8.0/Properties.fs","../Feliz.Bulma.3.0.0/ElementBuilders.fs","../Feliz.2.8.0/Interop.fs","../Feliz.2.8.0/Html.fs","../Feliz.Bulma.3.0.0/Bulma.fs"],"names":["fields","elems","_","children","i","fieldConfig","field","\u0060\u0060.ctor\u0060\u0060","filledField","update"],"mappings":";;;;;;;;;;;;;;;;;AASwB,sBAAAA;;;YCwaWC;ADnZlBC,mCAAAA;AEDoBC,oDCpB\u002BB,mBCuLZ,iBFpKc,uBGiNH,WL7LrC,WCiYKF,UDhYG;AEpBDE,wDFoBUC;AGxCqB,mBAAA,mBCuLZ;2BCqDW;0BJ4LkC,qCCpZUD;;WFQ5F,6GAGC,qCACI,kBAAA,AAAAE,sBAAA,AAAAA,oBACe,AAAAC,mBAAA,OAAoB,AAAAD,sBADnC,AAAAA,wBAAA,AAAAA,wBAHK,yBAA2B,AAAAC,aAAYA,SAFpD,AAAAJ,aC6YyE,YAAY,qCAA\u002BCD;AExahF,eAAA,mBCuLZ;uBC4bkC;sBJ3MW,qCCpZUE;;;;AFd5FD,mCAAAA;AAYA,eAAA,AAAAK,2BATA,sJACC,kBACY,AAAAC,qCAAiCC,SACjC,AAAAD,mBACK,AAAAA,wBACA,AAAAA,0BANrB,AAAAN","file":null,"sourcesContent":null,"sourceRoot":null}

package/FormSpec.TS/fable_modules/Fable.Form.Simple.Bulma.5.0.1/Html.View.fs

@@ -0,0 +1,246 @@
+namespace Fable.Form.Simple.Bulma.Html
+
+open Feliz
+open Feliz.Bulma
+open Fable.Form
+open Fable.Form.Simple
+open Fable.Form.Simple.Form.View
+open Fable.Form.Simple.Bulma
+
+module View =
+
+    let fieldLabel (label: string) =
+        Bulma.label [
+            prop.text label
+        ]
+
+    let errorMessage (message: string) =
+        Bulma.help [
+            color.isDanger
+            prop.text message
+        ]
+
+    let errorMessageAsHtml (showError: bool) (error: Error.Error option) =
+        match error with
+        | Some(Error.External externalError) -> errorMessage externalError
+
+        | _ ->
+            if showError then
+                error
+                |> Option.map errorToString
+                |> Option.map errorMessage
+                |> Option.defaultValue (Bulma.help [])
+
+            else
+                Bulma.help []
+
+    let wrapInFieldContainer (children: ReactElement list) =
+        Bulma.field.div [
+            prop.children children
+        ]
+
+    let withLabelAndError
+        (label: string)
+        (showError: bool)
+        (error: Error.Error option)
+        (fieldAsHtml: ReactElement)
+        : ReactElement
+        =
+        [
+            fieldLabel label
+            Bulma.control.div [
+                fieldAsHtml
+            ]
+            errorMessageAsHtml showError error
+        ]
+        |> wrapInFieldContainer
+
+    let form
+        ({
+             OnSubmit = onSubmit
+             State = state
+             Action = action
+             Fields = fields
+         }: FormConfig<'Output, ReactElement>)
+        =
+
+        Html.form [
+            prop.onSubmit (fun ev ->
+                ev.stopPropagation ()
+                ev.preventDefault ()
+
+                match onSubmit with
+                | None -> ()
+                | Some(OnSubmit onSubmit) -> onSubmit ()
+            )
+
+            prop.children [
+                yield! fields
+
+                match state with
+                | Error error -> errorMessage error
+
+                | Success success ->
+                    Bulma.field.div [
+                        Bulma.control.div [
+                            text.hasTextCentered
+                            color.hasTextSuccess
+                            text.hasTextWeightBold
+
+                            prop.text success
+                        ]
+                    ]
+
+                | Loading
+                | ReadOnly
+                | Idle -> Html.none
+
+                match action with
+                | Action.SubmitOnly submitLabel ->
+                    Bulma.field.div [
+                        field.isGrouped
+                        field.isGroupedRight
+
+                        prop.children [
+                            Bulma.control.div [
+                                Bulma.button.button [
+                                    prop.type'.submit
+                                    color.isPrimary
+                                    prop.text submitLabel
+                                    // If the form is loading animate the submit button with the loading animation
+                                    if state = Loading then
+                                        button.isLoading
+                                ]
+                            ]
+
+                        ]
+                    ]
+
+                | Action.Custom func -> func state
+            ]
+        ]
+
+    let rec renderField<'Value, 'Attributes, 'Values when 'Attributes :> Field.IAttributes>
+        (fieldConfig: Form.View.FieldConfig<'Values, 'Value>)
+        (field: FilledField<'Values>)
+        : ReactElement
+        =
+
+        (***
+
+            It would be cleaner to use a match expression here.
+
+            ```fsharp
+            match field.State with
+            | :? IRendererField as rendererField ->
+            ```
+
+            However, by not using a match expression we make it easier to use TypeScript for creating fields.
+
+            ```typescript
+            export function renderField(dispatch, fieldConfig, field) {
+                let f1, copyOfStruct_1, value;
+                const matchValue = field.State;
+                if (matchValue instanceof IRendererField) {
+                    const rendererField = matchValue;
+                    const matchValue_1 = IRendererField__get_FieldRendererType(rendererField);
+                    if (matchValue_1.tag === 1) {
+                        // This is generic field
+                    }
+                    else {
+                        // This is standard field
+                    }
+                }
+                else {
+                    // This is an invalid field
+                }
+            }
+            ```
+
+            This is because, the match with test the instance of the object, which means that we
+            need to expose the domain to TypeScript (not easy to do, and outside of what I would
+            like to maintain).
+
+            However, by using a dynamic cast we by pass that and only work based on the shape of the object.
+
+            ```typescript
+            export function renderField(dispatch, fieldConfig, field) {
+                let value, f1, copyOfStruct_1;
+                try {
+                    const rendererField = field.State;
+                    const matchValue = IRendererField__get_FieldRendererType(rendererField);
+                    if (matchValue.tag === 1) {
+                        // This is generic field
+                    }
+                    else {
+                        // This is standard field
+                    }
+                }
+                catch (matchValue_1) {
+                    // This is an invalid field
+                }
+            }
+            ```
+
+            See how, we don't have a test against the instance of the object.
+
+            This means we could create an NPM package, to share the shape of the domain and then use that in TypeScript.
+            *)
+
+        try
+            let rendererField = field.State :?> IRendererField
+
+            match rendererField.FieldRendererType with
+            | FieldRendererType.Standard ->
+
+                let standardField = field.State :?> IStandardField<'Values, 'Value, 'Attributes>
+
+                let attributes = standardField.InnerField.Attributes
+
+                let config =
+                    {
+                        OnChange = standardField.InnerField.Update >> fieldConfig.OnChange
+                        OnBlur =
+                            fieldConfig.OnBlur
+                            |> Option.map (fun onBlurEvent ->
+                                fun () -> onBlurEvent (attributes.GetFieldId())
+                            )
+                        Disabled = field.IsDisabled || fieldConfig.Disabled
+                        IsReadOnly = field.IsReadOnly || fieldConfig.IsReadOnly
+                        Value = standardField.InnerField.Value
+                        Error = field.Error
+                        ShowError = fieldConfig.ShowError(attributes.GetFieldId())
+                        Attributes = attributes
+                    }
+
+                standardField.RenderField config
+
+            | FieldRendererType.Generic ->
+                let genericField = field.State :?> IGenericField<'Values>
+
+                genericField.RenderField fieldConfig field
+
+        with error ->
+            Fable.Core.JS.console.error error
+#if DEBUG
+            Html.div [
+                prop.text
+                    "Field not implemented, please implement the field `IStandardField<'Values>` or `IGenericField<'Values>`"
+            ]
+#else
+            Html.none
+#endif
+
+    let ignoreChildError
+        (parentError: Error.Error option)
+        (field: FilledField<'Values>)
+        : FilledField<'Values>
+        =
+
+        match parentError with
+        | Some _ -> field
+
+        | None ->
+            { field with
+                Error = None
+            }

package/FormSpec.TS/fable_modules/Fable.Form.Simple.Bulma.5.0.1/Html.View.fs.js

@@ -0,0 +1,226 @@
+"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 errorMessage () {
+        return errorMessage;
+    },
+    get errorMessageAsHtml () {
+        return errorMessageAsHtml;
+    },
+    get fieldLabel () {
+        return fieldLabel;
+    },
+    get form () {
+        return form;
+    },
+    get ignoreChildError () {
+        return ignoreChildError;
+    },
+    get renderField () {
+        return renderField;
+    },
+    get withLabelAndError () {
+        return withLabelAndError;
+    },
+    get wrapInFieldContainer () {
+        return wrapInFieldContainer;
+    }
+});
+const _react = require("react");
+const _Util = require("@fable-org/fable-library-js/Util.js");
+const _ElementBuildersfs = require("../Feliz.Bulma.3.0.0/ElementBuilders.fs.js");
+const _List = require("@fable-org/fable-library-js/List.js");
+const _Option = require("@fable-org/fable-library-js/Option.js");
+const _Formfs = require("../Fable.Form.Simple.5.0.1/Form.fs.js");
+const _Interopfs = require("../Feliz.2.8.0/Interop.fs.js");
+const _Seq = require("@fable-org/fable-library-js/Seq.js");
+const _Typesfs = require("./Types.fs.js");
+const _Basefs = require("../Fable.Form.3.0.0/Base.fs.js");
+function fieldLabel(label) {
+    return (0, _react.createElement)("label", (0, _Util.createObj)((0, _ElementBuildersfs.Helpers_combineClasses)("label", (0, _List.singleton)([
+        "children",
+        label
+    ]))));
+}
+function errorMessage(message) {
+    return (0, _react.createElement)("p", (0, _Util.createObj)((0, _ElementBuildersfs.Helpers_combineClasses)("help", (0, _List.ofArray)([
+        [
+            "className",
+            "is-danger"
+        ],
+        [
+            "children",
+            message
+        ]
+    ]))));
+}
+function errorMessageAsHtml(showError, error) {
+    let matchResult, externalError;
+    if (error != null) {
+        if ((0, _Option.value)(error).tag === /* External */ 2) {
+            matchResult = 0;
+            externalError = (0, _Option.value)(error).fields[0];
+        } else {
+            matchResult = 1;
+        }
+    } else {
+        matchResult = 1;
+    }
+    switch(matchResult){
+        case 0:
+            return errorMessage(externalError);
+        default:
+            if (showError) {
+                return (0, _Option.defaultArg)((0, _Option.map)(errorMessage, (0, _Option.map)(_Formfs.errorToString, error)), (0, _react.createElement)("p", (0, _Util.createObj)((0, _ElementBuildersfs.Helpers_combineClasses)("help", (0, _List.empty)()))));
+            } else {
+                return (0, _react.createElement)("p", (0, _Util.createObj)((0, _ElementBuildersfs.Helpers_combineClasses)("help", (0, _List.empty)())));
+            }
+    }
+}
+function wrapInFieldContainer(children) {
+    let elems;
+    return (0, _react.createElement)("div", (0, _Util.createObj)((0, _ElementBuildersfs.Helpers_combineClasses)("field", (0, _List.singleton)((elems = children, [
+        "children",
+        _Interopfs.reactApi.Children.toArray(Array.from(elems))
+    ])))));
+}
+function withLabelAndError(label, showError, error, fieldAsHtml) {
+    let children;
+    return wrapInFieldContainer((0, _List.ofArray)([
+        fieldLabel(label),
+        (children = [
+            fieldAsHtml
+        ], (0, _react.createElement)("div", {
+            className: "control",
+            children: _Interopfs.reactApi.Children.toArray(Array.from(children))
+        })),
+        errorMessageAsHtml(showError, error)
+    ]));
+}
+function form(_arg) {
+    let elems_3;
+    const state = _arg.State;
+    const onSubmit = _arg.OnSubmit;
+    return (0, _react.createElement)("form", (0, _Util.createObj)((0, _List.ofArray)([
+        [
+            "onSubmit",
+            (ev)=>{
+                ev.stopPropagation();
+                ev.preventDefault();
+                if (onSubmit != null) {
+                    (0, _Option.value)(onSubmit).fields[0]();
+                }
+            }
+        ],
+        (elems_3 = (0, _Seq.toList)((0, _Seq.delay)(()=>(0, _Seq.append)(_arg.Fields, (0, _Seq.delay)(()=>{
+                let matchValue, children;
+                return (0, _Seq.append)((matchValue = state, matchValue.tag === /* Success */ 4 ? (0, _Seq.singleton)((children = [
+                    (0, _react.createElement)("div", (0, _Util.createObj)((0, _ElementBuildersfs.Helpers_combineClasses)("control", (0, _List.ofArray)([
+                        [
+                            "className",
+                            "has-text-centered"
+                        ],
+                        [
+                            "className",
+                            "has-text-success"
+                        ],
+                        [
+                            "className",
+                            "has-text-weight-bold"
+                        ],
+                        [
+                            "children",
+                            matchValue.fields[0]
+                        ]
+                    ]))))
+                ], (0, _react.createElement)("div", {
+                    className: "field",
+                    children: _Interopfs.reactApi.Children.toArray(Array.from(children))
+                }))) : matchValue.tag === /* Loading */ 1 ? (0, _Seq.singleton)((0, _Util.defaultOf)()) : matchValue.tag === /* ReadOnly */ 2 ? (0, _Seq.singleton)((0, _Util.defaultOf)()) : matchValue.tag === /* Idle */ 0 ? (0, _Seq.singleton)((0, _Util.defaultOf)()) : (0, _Seq.singleton)(errorMessage(matchValue.fields[0]))), (0, _Seq.delay)(()=>{
+                    let elems_2, children_1;
+                    const matchValue_1 = _arg.Action;
+                    if (matchValue_1.tag === /* Custom */ 1) {
+                        return (0, _Seq.singleton)(matchValue_1.fields[0](state));
+                    } else {
+                        const submitLabel = matchValue_1.fields[0];
+                        return (0, _Seq.singleton)((0, _react.createElement)("div", (0, _Util.createObj)((0, _ElementBuildersfs.Helpers_combineClasses)("field", (0, _List.ofArray)([
+                            [
+                                "className",
+                                "is-grouped"
+                            ],
+                            [
+                                "className",
+                                "is-grouped-right"
+                            ],
+                            (elems_2 = [
+                                (children_1 = [
+                                    (0, _react.createElement)("button", (0, _Util.createObj)((0, _ElementBuildersfs.Helpers_combineClasses)("button", (0, _Seq.toList)((0, _Seq.delay)(()=>(0, _Seq.append)((0, _Seq.singleton)([
+                                            "type",
+                                            "submit"
+                                        ]), (0, _Seq.delay)(()=>(0, _Seq.append)((0, _Seq.singleton)([
+                                                "className",
+                                                "is-primary"
+                                            ]), (0, _Seq.delay)(()=>(0, _Seq.append)((0, _Seq.singleton)([
+                                                    "children",
+                                                    submitLabel
+                                                ]), (0, _Seq.delay)(()=>(0, _Util.equals)(state, (0, _Formfs.State_Loading)()) ? (0, _Seq.singleton)([
+                                                        "className",
+                                                        "is-loading"
+                                                    ]) : (0, _Seq.empty)())))))))))))
+                                ], (0, _react.createElement)("div", {
+                                    className: "control",
+                                    children: _Interopfs.reactApi.Children.toArray(Array.from(children_1))
+                                }))
+                            ], [
+                                "children",
+                                _Interopfs.reactApi.Children.toArray(Array.from(elems_2))
+                            ])
+                        ])))));
+                    }
+                }));
+            })))), [
+            "children",
+            _Interopfs.reactApi.Children.toArray(Array.from(elems_3))
+        ])
+    ])));
+}
+function renderField(fieldConfig, field) {
+    let f1, copyOfStruct_1;
+    try {
+        const matchValue = (0, _Typesfs.IRendererField__get_FieldRendererType)(field.State);
+        if (matchValue === "generic") {
+            const genericField = field.State;
+            return genericField["Fable.Form.Simple.Bulma.IGenericField`1.RenderField"](fieldConfig, field);
+        } else {
+            const standardField = field.State;
+            const attributes = (0, _Typesfs.IStandardField$3__get_InnerField)(standardField).Attributes;
+            const config = new _Typesfs.StandardRenderFieldConfig$2((f1 = (0, _Typesfs.IStandardField$3__get_InnerField)(standardField).Update, (arg)=>{
+                fieldConfig.OnChange(f1(arg));
+            }), (0, _Option.map)((onBlurEvent)=>()=>{
+                    let copyOfStruct;
+                    onBlurEvent((copyOfStruct = attributes, copyOfStruct.GetFieldId()));
+                }, fieldConfig.OnBlur), field.IsDisabled ? true : fieldConfig.Disabled, field.IsReadOnly ? true : fieldConfig.IsReadOnly, (0, _Typesfs.IStandardField$3__get_InnerField)(standardField).Value, field.Error, fieldConfig.ShowError((copyOfStruct_1 = attributes, copyOfStruct_1.GetFieldId())), attributes);
+            return standardField["Fable.Form.Simple.Bulma.IStandardField`3.RenderFieldZ43FEF6DC"](config);
+        }
+    } catch (error) {
+        console.error((0, _Option.some)(error));
+        return (0, _Util.defaultOf)();
+    }
+}
+function ignoreChildError(parentError, field) {
+    if (parentError == null) {
+        return new _Basefs.FilledField$1(field.State, undefined, field.IsDisabled, field.IsReadOnly);
+    } else {
+        return field;
+    }
+} //# sourceMappingURL=Html.View.fs.ts.map
+
+//# sourceMappingURL=Html.View.fs.js.map

package/FormSpec.TS/fable_modules/Fable.Form.Simple.Bulma.5.0.1/Html.View.fs.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../FormSpec.TS/fable_modules/Fable.Form.Simple.Bulma.5.0.1/Html.View.fs.ts","../Feliz.2.8.0/Html.fs","../Feliz.Bulma.3.0.0/ElementBuilders.fs","../Feliz.Bulma.3.0.0/Bulma.fs","./Html.View.fs","../Feliz.2.8.0/Properties.fs","../Feliz.Bulma.3.0.0/PropertyBuilders.fs","../Feliz.Bulma.3.0.0/Modifiers.fs"],"names":["label","message","externalError","error","errorMessage","showError","elems","children","wrapInFieldContainer","fieldLabel","fieldAsHtml","errorMessageAsHtml","state","_arg1","onSubmit","ev","matchValue","submitLabel","copyOfStruct","field","genericField","fieldConfig","standardField","attributes","config","onBlurEvent","parentError"],"mappings":"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"}

package/FormSpec.TS/fable_modules/Fable.Form.Simple.Bulma.5.0.1/Html.View.fs.ts.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../Feliz.2.8.0/Interop.fs","../Feliz.2.8.0/Html.fs","../Feliz.Bulma.3.0.0/ElementBuilders.fs","../Feliz.Bulma.3.0.0/Bulma.fs","./Html.View.fs","../Feliz.2.8.0/Properties.fs","../Feliz.Bulma.3.0.0/PropertyBuilders.fs","../Feliz.Bulma.3.0.0/Modifiers.fs"],"names":["label","message","externalError","error","errorMessage","showError","elems","children","wrapInFieldContainer","fieldLabel","fieldAsHtml","errorMessageAsHtml","state","_arg1","onSubmit","ev","matchValue","submitLabel","copyOfStruct","field","genericField","fieldConfig","standardField","attributes","config","onBlurEvent","parentError"],"mappings":";;;;;;;;;;;;;;;;;WASoE,mBC0aV,mBC5Xc,uBCkML,SC7O/C,WC2uD2C,YD1uDzCA;;;;WJJ8C,mBCmhBd,eCpYc,uBCoVN,QC3d3C,UEbgC,aCgrCU,gCFmkBE,YDpuDzCC;;;;4BAKQC;AADhB,QAAA,AAAAC;AAAA,YAAA,SACJA;;AAAoBD,4BADhB,UACJC;;;;;;;;;;;AAAsC,mBAAA,AAAAC,aAAaF;;AAGjD,gBAAGG;AAII,uBAAA,WADA,0BAAWD,cADX,0CADHD,SJnBoD,mBCmhBd,eCpYc,uBCoVN,QC7cX;;;AJtBiB,uBAAA,mBCmhBd,eCpYc,uBCoVN,QC1cnC;;;;;;QC\u002BYQG;WLxaiC,mBCuLZ,iBCpKc,uBC\u002BlBH,SCtlB3C,WC4YWA,QD3YTC,WC2Y\u002BD,YAAY,qCAA\u002BCD;;;;QHpZ/GC;WE0B1B,AAAAC,qBAPH,SACI,AAAAC,WAAWT,SFpBcO,YEsBrBG,cJ1CoD,mBCuLZ;mBEkbkC;kBEjMW,qCHpZUH;SEwBnG,AAAAI,mBAAmBN,WAAUF;;;;QC4XNG;ADrXdM,gCAFZ,AAAAC;AACeC,uCADf,AAAAD;AJjD2D,WAAA,mBC6UX,kBGpRvC,UC2tC0D;ADztC5D,AAAAE;AACA,AAAAA;AAEM,YAAA,AAAAD;AAEuB,qBAAAA;;0BCwWVR,UDrWT,qBACV,kDAAA,qBAnBP,AAAAO,aAqBO;YAAMG,0BFlDeT;eEkDrB,sBAAMS,aAAAJ,OAAA,CAAA,AAAAI,sCAIF,2BFtDiBT,YFpB\u002BB,mBCuLZ,iBCpKc,uBCqlBH,WC7hBzB,UEhFS,aCmnCiB,wCDnnCjB,aC\u002BrCgB,uCD/rChB,aCinCmB,2CFkoBP,YDpqD3C,AAAAS,8CJ1EgD,mBCuLZ;uBE4bkC;sBE3MW,qCHpZUT;gBEkDzF,CAAA,AAAAS,sCAgBI,0BH8Z2B,gBG9a/B,CAAA,AAAAA,uCAgBI,0BH8Z2B,gBG9a/B,CAAA,AAAAA,mCAgBI,0BH8Z2B,eG7apB,0BAAA,AAAAZ,aAAA,AAAAY,4BAiBX;gBCgVaV,iCHpZEC;AEoEfS,gEAvCb,AAAAH;AAuCa,gBAAA,AAAAG;AAqBkB,uBAAA,0BAAA,AAAAA,uBAAKJ;;;AApBTK,4CAChB,AAAAD;AAAA,uBAAA,0BJ1FgD,mBCuLZ,iBCpKc,uBC\u002BlBH,SCxhB/B,UE/Fe,aC8\u002BCW,iCD9\u002BCX,aC\u002B\u002BCgB,uCFlkChCV,YHpZEC,cFpB\u002BB,mBC8ET,oBChBc,uBC2bA,UCzZrB,uBAChB,sDAAA,uBAAA,6BCi1HiB,QAAO,6BDh1HxB,sDAAA,uBAAA,6BEvGe,aC2qCW,iCHnkC1B,sDAAA,uBAAA,6BC2oD2B,YD3oDjBU,gCAEV,uDAAA,AAAG,OAAAL,0BACC,6BE3GW,aCi8CW,kCHv1C1B,wCJrGgC,mBCuLZ;\u002BBEkbkC;8BEjMW,qCHpZUL;uBGoZtB,YAAY,qCAA\u002BCD;;;YAA3D,YAAY,qCAA\u002BCA;;;;uCD9N1FY;AAtBlD;AAGUF,8CAAA,sCAFc,AAAAG;AAEd,YAAA,AAAAH;AA0BEI,iCAAe,AAAAD;AAEnB,mBAAA,AAAAC,2EAAyBC,aAAYF;;;AAzBjCG,kCAAgB,AAAAH;AAEhBI,2CAAa,4DAAAD;AAEbE,2EACA,sCACe,4DAAAF;AAAA,AAAmC,AAAAD;gBAGvC;oBACwBH;AAAb,AAAAO,6BAAaP,eAAAK,YAAA,AAAAL;gBAF3B,AAAAG,qBAIO,AAAAF,mBAAA,OAAoB,AAAAE,sBAClB,AAAAF,mBAAA,OAAoB,AAAAE,wBACzB,4DAAAC,sBACA,AAAAH,aACI,AAAAE,uBAAsBH,iBAAAK,YAAA,AAAAL,\u002BBACrBK;AAGrB,mBAAA,AAAAD,\u002BEAA0BE;;;;AAQ9B,sBAA4B,KAAArB;AH8Ra,eAAA;;;;;AG9QvC,QAAA,AAAAuB;AAIF,eAAA,kBAAA,AAAAP,aACY,WADZ,AAAAA,kBAAA,AAAAA;;;eAHQA","file":null,"sourcesContent":null,"sourceRoot":null}

package/FormSpec.TS/fable_modules/Fable.Form.Simple.Bulma.5.0.1/InputField.fs

@@ -0,0 +1,52 @@
+namespace Fable.Form.Simple.Bulma.Fields
+
+open Feliz
+open Feliz.Bulma
+open Fable.Form
+open Fable.Form.Simple.Bulma
+
+module InputField =
+
+    [<NoComparison; NoEquality>]
+    type Config =
+        {
+            OnChange: string -> unit
+            OnBlur: (unit -> unit) option
+            Disabled: bool
+            IsReadOnly: bool
+            Value: string
+            Error: Error.Error option
+            ShowError: bool
+            Label: string
+            InputFunc: IReactProperty list -> ReactElement
+            ExtraInputProps: IReactProperty list
+        }
+
+    /// <summary>
+    /// Generic input field renderer used to mutualize the rendering of input fields
+    ///
+    /// ATTENTION: For some input fields, you may not want to use this function.
+    ///
+    /// For example, date fields needs to use uncontrolled input fields.
+    /// </summary>
+    /// <param name="config"></param>
+    /// <returns></returns>
+    let renderField (config: Config) =
+
+        config.InputFunc [
+            prop.onChange config.OnChange
+
+            match config.OnBlur with
+            | Some onBlur -> prop.onBlur (fun _ -> onBlur ())
+            | None -> ()
+
+            prop.disabled config.Disabled
+            prop.readOnly config.IsReadOnly
+            prop.value config.Value
+
+            if config.ShowError && config.Error.IsSome then
+                color.isDanger
+
+            yield! config.ExtraInputProps
+        ]
+        |> Html.View.withLabelAndError config.Label config.ShowError config.Error