@f1studio/form-spec 5.0.0-alpha.106 → 5.0.0-alpha.108

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

@@ -0,0 +1,87 @@
+"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_ZD275 () {
+        return Field$1_$ctor_ZD275;
+    },
+    get Field$1_$reflection () {
+        return Field$1_$reflection;
+    }
+});
+const _InputFieldfs = require("./InputField.fs.js");
+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 _Seq = require("@fable-org/fable-library-js/Seq.js");
+const _Types = require("@fable-org/fable-library-js/Types.js");
+const _Option = require("@fable-org/fable-library-js/Option.js");
+const _SearchFieldfs = require("../Fable.Form.Simple.Fields.Html.1.0.1/SearchField.fs.js");
+const _Typesfs = require("./Types.fs.js");
+const _Fieldfs = require("../Fable.Form.3.0.0/Field.fs.js");
+const _Reflection = require("@fable-org/fable-library-js/Reflection.js");
+class Field$1 extends _Typesfs.IStandardField$3 {
+    "Fable.Form.Simple.Bulma.IStandardField`3.RenderFieldZ43FEF6DC"(config) {
+        return (0, _InputFieldfs.renderField)(new _InputFieldfs.Config(config.OnChange, config.OnBlur, config.Disabled, config.IsReadOnly, config.Value, config.Error, config.ShowError, config.Attributes.Label, (props)=>(0, _react.createElement)("input", (0, _Util.createObj)((0, _List.cons)([
+                "type",
+                "text"
+            ], (0, _ElementBuildersfs.Helpers_combineClasses)("input", props)))), (0, _Seq.toList)((0, _Seq.delay)(()=>{
+            let matchValue;
+            return (0, _Seq.append)((matchValue = config.Attributes.SpellCheck, matchValue.tag === /* True */ 1 ? (0, _Seq.singleton)([
+                "spellcheck",
+                (0, _Types.toString)(true)
+            ]) : matchValue.tag === /* False */ 2 ? (0, _Seq.singleton)([
+                "spellcheck",
+                (0, _Types.toString)(false)
+            ]) : (0, _Seq.empty)()), (0, _Seq.delay)(()=>(0, _Seq.append)((0, _Seq.singleton)([
+                    "autoFocus",
+                    config.Attributes.AutoFocus
+                ]), (0, _Seq.delay)(()=>{
+                    let matchValue_1;
+                    return (0, _Seq.append)((matchValue_1 = config.Attributes.Placeholder, matchValue_1 == null ? (0, _Seq.empty)() : (0, _Seq.singleton)([
+                        "placeholder",
+                        (0, _Option.value)(matchValue_1)
+                    ])), (0, _Seq.delay)(()=>{
+                        const matchValue_2 = config.Attributes.AutoComplete;
+                        if (matchValue_2 == null) {
+                            return (0, _Seq.empty)();
+                        } else {
+                            return (0, _Seq.singleton)([
+                                "autoComplete",
+                                (0, _Option.value)(matchValue_2)
+                            ]);
+                        }
+                    }));
+                }))));
+        }))));
+    }
+    MapFieldValues(update) {
+        const _ = this;
+        return Field$1_$ctor_ZD275((0, _Fieldfs.mapValues)(update, _.innerField_1));
+    }
+    constructor(innerField){
+        super(innerField);
+        this.innerField_1 = innerField;
+    }
+}
+function Field$1_$reflection(gen0) {
+    return (0, _Reflection.class_type)("Fable.Form.Simple.Bulma.Fields.SearchField.Field`1", [
+        gen0
+    ], Field$1, (0, _Typesfs.IStandardField$3_$reflection)(gen0, _Reflection.string_type, (0, _SearchFieldfs.SearchFieldModule_Attributes_$reflection)()));
+}
+function Field$1_$ctor_ZD275(innerField) {
+    return new Field$1(innerField);
+} //# sourceMappingURL=SearchField.fs.ts.map
+
+//# sourceMappingURL=SearchField.fs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../FormSpec.TS/fable_modules/Fable.Form.Simple.Bulma.5.0.1/SearchField.fs.ts","../Feliz.2.8.0/Interop.fs","../Feliz.2.8.0/Html.fs","../Feliz.Bulma.3.0.0/ElementBuilders.fs","../Feliz.2.8.0/Properties.fs","../Feliz.Bulma.3.0.0/Bulma.fs"],"names":["innerField","config","props","matchValue","_","``.ctor``","update"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;mBAoBY,yBAAA,EACI,IAAA,oBAAA,CACeC,OAAAA,QAAAA,EACFA,OAAAA,MAAAA,EACEA,OAAAA,QAAAA,EACEA,OAAAA,UAAAA,EACLA,OAAAA,KAAAA,EACAA,OAAAA,KAAAA,EACIA,OAAAA,SAAAA,EACJA,OAAAA,UAAAA,CAAAA,KAAAA,EAAAA,CAAAA,YCpBwC,oBAAA,EC0ZV,SAAA,IAAA,eAAA,MCpWtC,UAAA,EAAA;gBCg4H+B;gBAAO;aAAA,EDh4H/B,6CAAA,EEs3BmD,SLv5B9CC,eAER,WAAA,MACI,UAAA,EAAA;gBAAMC;mBAAN,eAAA,GAAMA,aAAAF,OAAAA,UAAAA,CAAAA,UAAAA,EAAAE,AAAA,WAAAA,GAAAA,KAAAA,QAAAA,GAAAA,QAE2B,cAAA,EAAA;gBI4kDM;oBAAc,eAAA,EJ5kDJ;aAAA,IAF3C,AAAAA,WAAAA,GAAAA,KAAAA,SAAAA,GAAAA,QAG4B,cAAA,EAAA;gBI2kDK;oBAAc,eAAA,EJ3kDH;aAAA,QAFd,UAAA,GAAA,OAIpC,UAAA,EAAA,QAAA,WAAA,MAAA,cAAA,EAAA;oBI+UsC;oBJ/UvBF,OAAAA,UAAAA,CAAAA,SAAAA;iBAAAA,OAEf,UAAA,EAAA;wBAAME;+BAAN,WAAA,GAAMA,eAAAF,OAAAA,UAAAA,CAAAA,WAAAA,EAAA,AAAAE,gBAAAA,WAEI,UAAA,UADY,cAAA,EAAA;wBIi2CoB;wBAAA,IAAA,aAAA,EJj2CpBA;qBAAAA,CAAAA,OAGhB,UAAA,EAAA;wBAAAA,MAAAA,eAAAF,OAAAA,UAAAA,CAAAA,YAAAA;wBAAA,IAAAE,gBAAAA,MAAAA;4BAEI,WAAA,UAAA;;4BADa,WAAA,cAAA,EAAA;gCIqUoB;gCAAA,IAAA,aAAA,EJrUpBA;6BAAAA;;;;;;;QA9BhCC,MAAAA,IAAAA,IAAAA;QAEH,OAAAC,wBAAM,kBAAA,EAAgBC,QAAOF,EAAAA,YAAAA;;;cAN2BJ;QADhD,IAAA,CAAA,YAAA,GAAAA"}

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

@@ -0,0 +1 @@
+{"version":3,"sources":["./SearchField.fs","../Feliz.2.8.0/Interop.fs","../Feliz.2.8.0/Html.fs","../Feliz.Bulma.3.0.0/ElementBuilders.fs","../Feliz.2.8.0/Properties.fs","../Feliz.Bulma.3.0.0/Bulma.fs"],"names":["innerField","config","props","matchValue","_","\u0060\u0060.ctor\u0060\u0060","update"],"mappings":";;;;;;;;;;;;;;;;;;cAWwEA;AADhD,4BAAAA;;;eAUZ,YACI,WACe,AAAAC,iBACF,AAAAA,eACE,AAAAA,iBACE,AAAAA,mBACL,AAAAA,cACA,AAAAA,cACI,AAAAA,kBACJ,AAAAA,8ECpBwC,mBC0ZV,mBCpWtC,MCg4H\u002BB,QAAO,0BDh4H/B,uBEs3BmD,SLv5B9CC,WAER,uBACI;gBAAMC;mBAAN,wBAAMA,aAAA,AAAAF,8BAAA,CAAA,AAAAE,mCAE2B,2BI4kDM,cAAc,SJ5kDJ,4BAF3C,CAAA,AAAAA,oCAG4B,2BI2kDK,cAAc,SJ3kDH,6BAFd,4BAIpC,sDAAA,uBAAA,2BI\u002BUsC,aJ/UvB,AAAAF,gDAEf;oBAAME;uBAAN,wBAAMA,eAAA,AAAAF,\u002BBAAA,CAAA,AAAAE,yBAEI,2BADY,2BIi2CoB,wBJj2CpBA,mCAGhB;AAAAA,yDAAA,AAAAF;AAAA,wBAAA,AAAAE;AAEI,\u002BBAAA;;;AADa,\u002BBAAA,2BIqUoB,yBJrUpBA;;;;;;;AA9BhCC,mCAAAA;AAEH,eAAA,AAAAC,wBAAM,4DAAgBC,QAAO,AAAAF","file":null,"sourcesContent":null,"sourceRoot":null}

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

@@ -0,0 +1,60 @@
+namespace Fable.Form.Simple.Bulma.Fields
+
+open Feliz
+open Fable.Form.Simple
+open Fable.Form.Simple.Bulma
+
+module SectionField =
+
+    type InnerField<'Values> = string * FilledField<'Values> list
+
+    type Field<'Values>(title: string, fields: FilledField<'Values> list) =
+
+        inherit IGenericField<'Values>()
+
+        interface IField<'Values> with
+
+            member _.MapFieldValues(update: 'Values -> 'NewValues) : IField<'NewValues> =
+
+                let newFields =
+                    fields
+                    |> List.map (fun filledField ->
+                        {
+                            State = filledField.State.MapFieldValues update
+                            Error = filledField.Error
+                            IsDisabled = filledField.IsDisabled
+                            IsReadOnly = filledField.IsReadOnly
+                        }
+                        : FilledField<'NewValues>
+                    )
+
+                Field(title, newFields)
+
+        override _.RenderField
+            (fieldConfig: Form.View.FieldConfig<'Values, 'Msg>)
+            (_filledField: FilledField<'Values>)
+            =
+
+            let renderedFields =
+                fields
+                |> List.map (fun field ->
+                    let f1 = Html.View.ignoreChildError field.Error field
+
+                    Html.View.renderField
+                        { fieldConfig with
+                            Disabled = field.IsDisabled || fieldConfig.Disabled
+                        }
+                        f1
+                )
+
+            Html.fieldSet [
+                prop.className "fieldset"
+
+                prop.children [
+                    Html.legend [
+                        prop.text title
+                    ]
+
+                    yield! renderedFields
+                ]
+            ]

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

@@ -0,0 +1,69 @@
+"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_33A98869 () {
+        return Field$1_$ctor_33A98869;
+    },
+    get Field$1_$reflection () {
+        return Field$1_$reflection;
+    }
+});
+const _List = require("@fable-org/fable-library-js/List.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 _react = require("react");
+const _Util = require("@fable-org/fable-library-js/Util.js");
+const _Seq = require("@fable-org/fable-library-js/Seq.js");
+const _Interopfs = require("../Feliz.2.8.0/Interop.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;
+        const _ = this;
+        const renderedFields = (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);
+        return (0, _react.createElement)("fieldset", (0, _Util.createObj)((0, _List.ofArray)([
+            [
+                "className",
+                "fieldset"
+            ],
+            (elems = (0, _Seq.toList)((0, _Seq.delay)(()=>(0, _Seq.append)((0, _Seq.singleton)((0, _react.createElement)("legend", {
+                    children: _.title
+                })), (0, _Seq.delay)(()=>renderedFields)))), [
+                "children",
+                _Interopfs.reactApi.Children.toArray(Array.from(elems))
+            ])
+        ])));
+    }
+    MapFieldValues(update) {
+        const _ = this;
+        return Field$1_$ctor_33A98869(_.title, (0, _List.map)((filledField)=>new _Basefs.FilledField$1(filledField.State.MapFieldValues(update), filledField.Error, filledField.IsDisabled, filledField.IsReadOnly), _.fields));
+    }
+    constructor(title, fields){
+        super();
+        this.title = title;
+        this.fields = fields;
+    }
+}
+function Field$1_$reflection(gen0) {
+    return (0, _Reflection.class_type)("Fable.Form.Simple.Bulma.Fields.SectionField.Field`1", [
+        gen0
+    ], Field$1, (0, _Typesfs.IGenericField$1_$reflection)(gen0));
+}
+function Field$1_$ctor_33A98869(title, fields) {
+    return new Field$1(title, fields);
+} //# sourceMappingURL=Section.fs.ts.map
+
+//# sourceMappingURL=Section.fs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../FormSpec.TS/fable_modules/Fable.Form.Simple.Bulma.5.0.1/Section.fs.ts","../Feliz.2.8.0/Properties.fs","../Feliz.2.8.0/Interop.fs","../Feliz.2.8.0/Html.fs"],"names":["title","fields","elems","_","renderedFields","fieldConfig","field","``.ctor``","filledField","update"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;YCibmCE;QDjZlBC,MAAAA,IAAAA,IAAAA;QAKDC,MAAAA,qBAEG,SAAA,EAAA,CAAA,YAGC,uBAAA,EACI,IAAA,qBAAA,CAAAC,YAAAA,QAAAA,EAAAA,YAAAA,MAAAA,EACeC,MAAAA,UAAAA,GAAA,OAAoBD,YAAAA,QAAAA,EADnCA,YAAAA,UAAAA,EAAAA,YAAAA,SAAAA,OAHK,4BAAA,EAA2BC,MAAAA,KAAAA,EAAYA,SAFpDH,EAAAA,MAAAA;QE7BoD,WAAA,oBAAA,ECyTP,YAAA,IAAA,eAAA,EHjRnC,iBAAA,EAAA;YAAA;gBCuY0C;gBDtYrC;aAAA;aC+XID,YD7XL,WAAA,MACV,UAAA,EAAA,QAAA,WAAA,EAAA,kBAAA,ME5CgD,oBAAA,EC6aT,UAAA;8BHhYzBC,EAAAA,KAAAA;yBAGd,UAAA,EAAA,IAAOC,oBAAAA;gBCwX8D;gBAAY,mBAAA,CAAA,QAAA,CAAA,OAAA,CAAA,MAAA,IAAA,CAA+CF;aAAAA;SAAAA;;;QDjajIC,MAAAA,IAAAA,IAAAA;QAcH,OAAAI,uBAAMJ,EAAAA,KAAAA,MAVC,SAAA,EAAA,CAAA,cACC,IAAA,qBAAA,CACYK,YAAAA,KAAAA,CAAAA,cAAAA,CAAiCC,SACjCD,YAAAA,KAAAA,EACKA,YAAAA,UAAAA,EACAA,YAAAA,UAAAA,GANrBL,EAAAA,MAAAA;;;;QATI,IAAA,CAAA,KAAA,GAAAH;QAAe,IAAA,CAAA,MAAA,GAAAC"}

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

@@ -0,0 +1 @@
+{"version":3,"sources":["./Section.fs","../Feliz.2.8.0/Properties.fs","../Feliz.2.8.0/Interop.fs","../Feliz.2.8.0/Html.fs"],"names":["title","fields","elems","_","renderedFields","fieldConfig","field","\u0060\u0060.ctor\u0060\u0060","filledField","update"],"mappings":";;;;;;;;;;;;;;;;;;AAUwB,qBAAAA;AAAe,sBAAAC;;;YCuaJC;ADjZlBC,mCAAAA;AAKDC,yDAEG,6GAGC,qCACI,kBAAA,AAAAC,sBAAA,AAAAA,oBACe,AAAAC,mBAAA,OAAoB,AAAAD,sBADnC,AAAAA,wBAAA,AAAAA,wBAHK,yBAA2B,AAAAC,aAAYA,SAFpD,AAAAH;AE7BoD,eAAA,mBCyTP,sBHjRnC,UCuY0C,aDtYrC,\u002BBC\u002BXID,QD7XL,qBACV,kDAAA,qBAAA,wBE5CgD,mBC6aT;sBHhYzB,AAAAC;aAGd,kDAAOC,qBCwX8D,YAAY,qCAA\u002BCF;;;ADjajIC,mCAAAA;AAcH,eAAA,AAAAI,2BAAM,AAAAJ,SAVC,sJACC,kBACY,AAAAK,qCAAiCC,SACjC,AAAAD,mBACK,AAAAA,wBACA,AAAAA,0BANrB,AAAAL","file":null,"sourcesContent":null,"sourceRoot":null}

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

@@ -0,0 +1,79 @@
+namespace Fable.Form.Simple.Bulma.Fields
+
+open Fable.Form
+open Feliz
+open Feliz.Bulma
+open Fable.Form.Simple.Fields.Html
+open Fable.Form.Simple.Bulma
+
+module SelectField =
+
+    type Field<'Values>(innerField: SelectField.InnerField<'Values>) =
+
+        inherit
+            IStandardField<'Values, SelectField.OptionItem option, SelectField.Attributes>(
+                innerField
+            )
+
+        interface IField<'Values> with
+
+            member _.MapFieldValues(update: 'Values -> 'NewValues) : IField<'NewValues> =
+
+                Field(Field.mapValues update innerField)
+
+        override _.RenderField
+            (config:
+                StandardRenderFieldConfig<SelectField.OptionItem option, SelectField.Attributes>)
+            =
+
+            let toOption (optionItem: SelectField.OptionItem) =
+                Html.option [
+                    if config.IsReadOnly then
+                        prop.style [
+                            style.display.none
+                        ]
+                    prop.value optionItem.Key
+                    prop.text optionItem.Text
+                ]
+
+            let placeholderOption =
+                match config.Attributes.Placeholder with
+                | Some placeholder ->
+                    Html.option [
+                        if config.IsReadOnly then
+                            prop.style [
+                                style.display.none
+                            ]
+                        prop.disabled true
+                        prop.value ""
+
+                        prop.text placeholder
+                    ]
+                | None -> Html.none
+
+            Bulma.select [
+                prop.disabled config.Disabled
+                prop.onChange (fun value ->
+                    config.OnChange(
+                        config.Attributes.Options
+                        |> List.find (fun optionItem -> optionItem.Key = value)
+                        |> Some
+                    )
+                )
+
+                match config.OnBlur with
+                | Some onBlur -> prop.onBlur (fun _ -> onBlur ())
+
+                | None -> ()
+
+                match config.Value with
+                | Some optionItem -> prop.value optionItem.Key
+                | None -> prop.value ""
+
+                prop.children [
+                    placeholderOption
+
+                    yield! config.Attributes.Options |> List.map toOption
+                ]
+            ]
+            |> Html.View.withLabelAndError config.Attributes.Label config.ShowError config.Error

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

@@ -0,0 +1,134 @@
+"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_Z6B5A6752 () {
+        return Field$1_$ctor_Z6B5A6752;
+    },
+    get Field$1_$reflection () {
+        return Field$1_$reflection;
+    }
+});
+const _Option = require("@fable-org/fable-library-js/Option.js");
+const _Util = require("@fable-org/fable-library-js/Util.js");
+const _react = require("react");
+const _Seq = require("@fable-org/fable-library-js/Seq.js");
+const _HtmlViewfs = require("./Html.View.fs.js");
+const _ElementBuildersfs = require("../Feliz.Bulma.3.0.0/ElementBuilders.fs.js");
+const _List = require("@fable-org/fable-library-js/List.js");
+const _SelectFieldfs = require("../Fable.Form.Simple.Fields.Html.1.0.1/SelectField.fs.js");
+const _Interopfs = require("../Feliz.2.8.0/Interop.fs.js");
+const _String = require("@fable-org/fable-library-js/String.js");
+const _Typesfs = require("./Types.fs.js");
+const _Fieldfs = require("../Fable.Form.3.0.0/Field.fs.js");
+const _Reflection = require("@fable-org/fable-library-js/Reflection.js");
+class Field$1 extends _Typesfs.IStandardField$3 {
+    "Fable.Form.Simple.Bulma.IStandardField`3.RenderFieldZ43FEF6DC"(config) {
+        let patternInput, elems_1;
+        let placeholderOption;
+        const matchValue = config.Attributes.Placeholder;
+        if (matchValue == null) {
+            placeholderOption = (0, _Util.defaultOf)();
+        } else {
+            const placeholder = (0, _Option.value)(matchValue);
+            placeholderOption = (0, _react.createElement)("option", (0, _Util.createObj)((0, _Seq.toList)((0, _Seq.delay)(()=>(0, _Seq.append)(config.IsReadOnly ? (0, _Seq.singleton)([
+                    "style",
+                    {
+                        display: "none"
+                    }
+                ]) : (0, _Seq.empty)(), (0, _Seq.delay)(()=>(0, _Seq.append)((0, _Seq.singleton)([
+                        "disabled",
+                        true
+                    ]), (0, _Seq.delay)(()=>(0, _Seq.append)((0, _Seq.singleton)([
+                            "value",
+                            ""
+                        ]), (0, _Seq.delay)(()=>(0, _Seq.singleton)([
+                                "children",
+                                placeholder
+                            ])))))))))));
+        }
+        return (0, _HtmlViewfs.withLabelAndError)(config.Attributes.Label, config.ShowError, config.Error, (patternInput = (0, _ElementBuildersfs.Helpers_extractClasses)((0, _Seq.toList)((0, _Seq.delay)(()=>(0, _Seq.append)((0, _Seq.singleton)([
+                "disabled",
+                config.Disabled
+            ]), (0, _Seq.delay)(()=>(0, _Seq.append)((0, _Seq.singleton)([
+                    "onChange",
+                    (ev)=>{
+                        const value_16 = ev.target.value;
+                        config.OnChange((0, _List.find)((optionItem_1)=>optionItem_1.Key === value_16, config.Attributes.Options));
+                    }
+                ]), (0, _Seq.delay)(()=>{
+                    let matchValue_1, onBlur;
+                    return (0, _Seq.append)((matchValue_1 = config.OnBlur, matchValue_1 == null ? (0, _Seq.empty)() : (onBlur = (0, _Option.value)(matchValue_1), (0, _Seq.singleton)([
+                        "onBlur",
+                        (_arg)=>{
+                            onBlur();
+                        }
+                    ]))), (0, _Seq.delay)(()=>{
+                        let matchValue_2, optionItem_2;
+                        return (0, _Seq.append)((matchValue_2 = config.Value, matchValue_2 == null ? (0, _Seq.singleton)([
+                            "value",
+                            ""
+                        ]) : (optionItem_2 = (0, _Option.value)(matchValue_2), (0, _Seq.singleton)([
+                            "value",
+                            optionItem_2.Key
+                        ]))), (0, _Seq.delay)(()=>{
+                            let elems;
+                            return (0, _Seq.singleton)((elems = (0, _Seq.toList)((0, _Seq.delay)(()=>(0, _Seq.append)((0, _Seq.singleton)(placeholderOption), (0, _Seq.delay)(()=>(0, _List.map)((optionItem)=>(0, _react.createElement)("option", (0, _Util.createObj)((0, _Seq.toList)((0, _Seq.delay)(()=>(0, _Seq.append)(config.IsReadOnly ? (0, _Seq.singleton)([
+                                                "style",
+                                                {
+                                                    display: "none"
+                                                }
+                                            ]) : (0, _Seq.empty)(), (0, _Seq.delay)(()=>(0, _Seq.append)((0, _Seq.singleton)([
+                                                    "value",
+                                                    optionItem.Key
+                                                ]), (0, _Seq.delay)(()=>(0, _Seq.singleton)([
+                                                        "children",
+                                                        optionItem.Text
+                                                    ]))))))))), config.Attributes.Options))))), [
+                                "children",
+                                _Interopfs.reactApi.Children.toArray(Array.from(elems))
+                            ]));
+                        }));
+                    }));
+                }))))))), (0, _react.createElement)("div", (0, _Util.createObj)((0, _List.ofArray)([
+            [
+                "className",
+                (0, _String.join)(" ", (0, _List.cons)("select", patternInput[0]))
+            ],
+            (elems_1 = [
+                (0, _react.createElement)("select", (0, _Util.createObj)(patternInput[1]))
+            ], [
+                "children",
+                _Interopfs.reactApi.Children.toArray(Array.from(elems_1))
+            ])
+        ])))));
+    }
+    MapFieldValues(update) {
+        const _ = this;
+        return Field$1_$ctor_Z6B5A6752((0, _Fieldfs.mapValues)(update, _.innerField_1));
+    }
+    constructor(innerField){
+        super(innerField);
+        this.innerField_1 = innerField;
+    }
+}
+function Field$1_$reflection(gen0) {
+    return (0, _Reflection.class_type)("Fable.Form.Simple.Bulma.Fields.SelectField.Field`1", [
+        gen0
+    ], Field$1, (0, _Typesfs.IStandardField$3_$reflection)(gen0, (0, _Reflection.option_type)((0, _Reflection.class_type)("Fable.Form.Simple.Fields.Html.SelectFieldModule.OptionItem")), (0, _SelectFieldfs.SelectFieldModule_Attributes_$reflection)()));
+}
+function Field$1_$ctor_Z6B5A6752(innerField) {
+    return new Field$1(innerField);
+} //# sourceMappingURL=SelectField.fs.ts.map
+
+//# sourceMappingURL=SelectField.fs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../FormSpec.TS/fable_modules/Fable.Form.Simple.Bulma.5.0.1/SelectField.fs.ts","../Feliz.Bulma.3.0.0/Bulma.fs","../Feliz.2.8.0/Properties.fs","../Feliz.2.8.0/Html.fs","../Feliz.2.8.0/Interop.fs","../Feliz.2.8.0/Styles.fs"],"names":["innerField","patternInput","elems","placeholderOption","matchValue","config","placeholder","value","ev","optionItem","onBlur","_","``.ctor``","update"],"mappings":"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"}

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

@@ -0,0 +1 @@
+{"version":3,"sources":["./SelectField.fs","../Feliz.Bulma.3.0.0/Bulma.fs","../Feliz.2.8.0/Properties.fs","../Feliz.2.8.0/Html.fs","../Feliz.2.8.0/Interop.fs","../Feliz.2.8.0/Styles.fs"],"names":["innerField","patternInput","elems","placeholderOption","matchValue","config","placeholder","value","ev","optionItem","onBlur","_","\u0060\u0060.ctor\u0060\u0060","update"],"mappings":";;;;;;;;;;;;;;;;;;;cAcgBA;AAJQ,4BAAAA;;;YC0PZC,gEC6KuBC;AF3YnBC;AACMC,2CAAA,AAAAC;AAAA,YAAA,AAAAD;AGsd\u002BB,AHvdrCD,gCGudqC;;;AHrd9BG,iDACHF;AIhCgD,AJ6BpDD,gCI7BoD,mBD\u002BfT,oBH/d3B,uBACR,sDAAA,uBAAA,AAAG,AAAAE,oBACC,2BE6pDwD;yBGyjGtB;mCLvtJtC,yBAIA,sDAAA,uBAAA,2BEkhByC,YFlhB3B,yBACd,sDAAA,uBAAA,2BE4zDwC,SF5zD7B,uBAEX,sDAAA,2BEssDuC,YFtsD7BC;;AA6BnB,eAAA,kBAA4B,AAAAD,yBAAwB,AAAAA,kBAAiB,AAAAA,eCsLxEJ,eAAiB,uBD/MJ,uBACT,sDAAA,uBAAA,2BE0gBiD,YF1gBnC,AAAAI,oCACd,sDAAA,uBAAA,2BEg/B6D;AFh/B1CE,qCEg/BoF,AAAAC;AF/\u002BBnG,AAAAH,4BAEO,6FAA6B,AAAAI,qBAAiBF,WADjD,AAAAF;8BAMR;gBAAMD,oCACCM;mBADP,wBAAMN,eAAA,AAAAC,eAAA,CAAA,AAAAD,yBAGI,6BAFHM,kBAAUN,eAAA,2BEy8B8C;AFz8BxB,AAAAM;qCAIvC;oBAAMN,oDACCK;uBADP,wBAAML,eAAA,AAAAC,cAAA,CAAA,AAAAD,wBAEI,2BEqyDsC,SFryD3B,0BADdK,wBAAcL,eAAA,2BEsyD2B,SFtyDhB,AAAAK,wCAGhC;wBEyWmBP;2BFzWnB,2BEyWmBA,QFzWL,qBACV,kDAAA,qBAAA,wBAAAC,oBAEA,kDAAoC,4GIlEY,mBD\u002BfT,oBH3e/B,uBACR,sDAAA,uBAAA,AAAG,AAAAE,oBACC,2BEyqD4D;iCGyjGtB;2CLnuJ1C,yBAIA,sDAAA,uBAAA,2BEy0D4C,SFz0DjC,AAAAI,mCACX,sDAAA,2BEotD2C,YFptDjC,AAAAA,4CAwCH,AAAAJ,iCEsW8D,YAAY,qCAA\u002BCH;;;kBExahF,mBDuLZ,iBFqEvC,UCgMsD,aAAa,KAAc,KDhMjE,KAAA,UADrB,AAAAD,sCC6KuBC,WExaiC,mBDioBT,oBFtY/C,AAAAD,qBC6K6E,YAAY,qCAA\u002BCC;;;AF9ZjIS,mCAAAA;AAEH,eAAA,AAAAC,4BAAM,0FAAgBC,QAAO,AAAAF","file":null,"sourcesContent":null,"sourceRoot":null}

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

@@ -0,0 +1,44 @@
+namespace Fable.Form.Simple.Bulma.Fields
+
+open Fable.Form
+open Feliz
+open Feliz.Bulma
+open Fable.Form.Simple.Fields.Html
+open Fable.Form.Simple.Bulma
+
+module TelField =
+
+    type Field<'Values>(innerField: TelField.InnerField<'Values>) =
+        inherit IStandardField<'Values, string, TelField.Attributes>(innerField)
+
+        interface IField<'Values> with
+
+            member _.MapFieldValues(update: 'Values -> 'NewValues) : IField<'NewValues> =
+
+                Field(Field.mapValues update innerField)
+
+        override _.RenderField(config: StandardRenderFieldConfig<string, TelField.Attributes>) =
+            InputField.renderField
+                {
+                    OnChange = config.OnChange
+                    OnBlur = config.OnBlur
+                    Disabled = config.Disabled
+                    IsReadOnly = config.IsReadOnly
+                    Value = config.Value
+                    Error = config.Error
+                    ShowError = config.ShowError
+                    Label = config.Attributes.Label
+                    InputFunc = Bulma.input.text
+                    ExtraInputProps =
+                        [
+                            prop.autoFocus config.Attributes.AutoFocus
+
+                            match config.Attributes.Placeholder with
+                            | Some placeholder -> prop.placeholder placeholder
+                            | None -> ()
+
+                            match config.Attributes.AutoComplete with
+                            | Some autoComplete -> prop.autoComplete autoComplete
+                            | None -> ()
+                        ]
+                }

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

@@ -0,0 +1,77 @@
+"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_Z19AC91C8 () {
+        return Field$1_$ctor_Z19AC91C8;
+    },
+    get Field$1_$reflection () {
+        return Field$1_$reflection;
+    }
+});
+const _InputFieldfs = require("./InputField.fs.js");
+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 _Seq = require("@fable-org/fable-library-js/Seq.js");
+const _Option = require("@fable-org/fable-library-js/Option.js");
+const _Typesfs = require("./Types.fs.js");
+const _TelFieldfs = require("../Fable.Form.Simple.Fields.Html.1.0.1/TelField.fs.js");
+const _Fieldfs = require("../Fable.Form.3.0.0/Field.fs.js");
+const _Reflection = require("@fable-org/fable-library-js/Reflection.js");
+class Field$1 extends _Typesfs.IStandardField$3 {
+    "Fable.Form.Simple.Bulma.IStandardField`3.RenderFieldZ43FEF6DC"(config) {
+        return (0, _InputFieldfs.renderField)(new _InputFieldfs.Config(config.OnChange, config.OnBlur, config.Disabled, config.IsReadOnly, config.Value, config.Error, config.ShowError, config.Attributes.Label, (props)=>(0, _react.createElement)("input", (0, _Util.createObj)((0, _List.cons)([
+                "type",
+                "text"
+            ], (0, _ElementBuildersfs.Helpers_combineClasses)("input", props)))), (0, _Seq.toList)((0, _Seq.delay)(()=>(0, _Seq.append)((0, _Seq.singleton)([
+                "autoFocus",
+                config.Attributes.AutoFocus
+            ]), (0, _Seq.delay)(()=>{
+                let matchValue;
+                return (0, _Seq.append)((matchValue = config.Attributes.Placeholder, matchValue == null ? (0, _Seq.empty)() : (0, _Seq.singleton)([
+                    "placeholder",
+                    (0, _Option.value)(matchValue)
+                ])), (0, _Seq.delay)(()=>{
+                    const matchValue_1 = config.Attributes.AutoComplete;
+                    if (matchValue_1 == null) {
+                        return (0, _Seq.empty)();
+                    } else {
+                        return (0, _Seq.singleton)([
+                            "autoComplete",
+                            (0, _Option.value)(matchValue_1)
+                        ]);
+                    }
+                }));
+            }))))));
+    }
+    MapFieldValues(update) {
+        const _ = this;
+        return Field$1_$ctor_Z19AC91C8((0, _Fieldfs.mapValues)(update, _.innerField_1));
+    }
+    constructor(innerField){
+        super(innerField);
+        this.innerField_1 = innerField;
+    }
+}
+function Field$1_$reflection(gen0) {
+    return (0, _Reflection.class_type)("Fable.Form.Simple.Bulma.Fields.TelField.Field`1", [
+        gen0
+    ], Field$1, (0, _Typesfs.IStandardField$3_$reflection)(gen0, _Reflection.string_type, (0, _TelFieldfs.TelFieldModule_Attributes_$reflection)()));
+}
+function Field$1_$ctor_Z19AC91C8(innerField) {
+    return new Field$1(innerField);
+} //# sourceMappingURL=TelField.fs.ts.map
+
+//# sourceMappingURL=TelField.fs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../FormSpec.TS/fable_modules/Fable.Form.Simple.Bulma.5.0.1/TelField.fs.ts","../Feliz.2.8.0/Interop.fs","../Feliz.2.8.0/Html.fs","../Feliz.Bulma.3.0.0/ElementBuilders.fs","../Feliz.2.8.0/Properties.fs","../Feliz.Bulma.3.0.0/Bulma.fs"],"names":["innerField","config","props","matchValue","_","``.ctor``","update"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;mBAoBY,yBAAA,EACI,IAAA,oBAAA,CACeC,OAAAA,QAAAA,EACFA,OAAAA,MAAAA,EACEA,OAAAA,QAAAA,EACEA,OAAAA,UAAAA,EACLA,OAAAA,KAAAA,EACAA,OAAAA,KAAAA,EACIA,OAAAA,SAAAA,EACJA,OAAAA,UAAAA,CAAAA,KAAAA,EAAAA,CAAAA,YCpBwC,oBAAA,EC0ZV,SAAA,IAAA,eAAA,MCpWtC,UAAA,EAAA;gBCg4H+B;gBAAO;aAAA,MDh4H/B,yCAAA,EEs3BmD,SLv5B9CC,eAER,WAAA,MACI,UAAA,EAAA,QAAA,WAAA,MAAA,cAAA,EAAA;gBIoVsC;gBJpVvBD,OAAAA,UAAAA,CAAAA,SAAAA;aAAAA,OAEf,UAAA,EAAA;oBAAME;2BAAN,WAAA,GAAMA,aAAAF,OAAAA,UAAAA,CAAAA,WAAAA,EAAA,AAAAE,cAAAA,WAEI,UAAA,UADY,cAAA,EAAA;oBIs2CoB;oBAAA,IAAA,aAAA,EJt2CpBA;iBAAAA,CAAAA,OAGhB,UAAA,EAAA;oBAAAA,MAAAA,eAAAF,OAAAA,UAAAA,CAAAA,YAAAA;oBAAA,IAAAE,gBAAAA,MAAAA;wBAEI,OAAA,cAAA;;wBADa,WAAA,cAAA,EAAA;4BI0UoB;4BAAA,IAAA,aAAA,EJ1UpBA;yBAAAA;;;;;;QAzBhCC,MAAAA,IAAAA,IAAAA;QAEH,OAAAC,wBAAM,sBAAA,EAAgBC,QAAOF,EAAAA,YAAAA;;;cANwBJ;QAD7C,IAAA,CAAA,YAAA,GAAAA"}

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

@@ -0,0 +1 @@
+{"version":3,"sources":["./TelField.fs","../Feliz.2.8.0/Interop.fs","../Feliz.2.8.0/Html.fs","../Feliz.Bulma.3.0.0/ElementBuilders.fs","../Feliz.2.8.0/Properties.fs","../Feliz.Bulma.3.0.0/Bulma.fs"],"names":["innerField","config","props","matchValue","_","\u0060\u0060.ctor\u0060\u0060","update"],"mappings":";;;;;;;;;;;;;;;;;cAWqEA;AAD7C,4BAAAA;;;eAUZ,YACI,WACe,AAAAC,iBACF,AAAAA,eACE,AAAAA,iBACE,AAAAA,mBACL,AAAAA,cACA,AAAAA,cACI,AAAAA,kBACJ,AAAAA,8ECpBwC,mBC0ZV,mBCpWtC,MCg4H\u002BB,QAAO,0BDh4H/B,uBEs3BmD,SLv5B9CC,WAER,uBACI,sDAAA,uBAAA,2BIoVsC,aJpVvB,AAAAD,gDAEf;gBAAME;mBAAN,wBAAMA,aAAA,AAAAF,\u002BBAAA,CAAA,AAAAE,uBAEI,2BADY,2BIs2CoB,uBJt2CpBA,iCAGhB;AAAAA,qDAAA,AAAAF;AAAA,oBAAA,AAAAE;AAEI,2BAAA;;;AADa,2BAAA,2BI0UoB,wBJ1UpBA;;;;;;AAzBhCC,mCAAAA;AAEH,eAAA,AAAAC,4BAAM,yDAAgBC,QAAO,AAAAF","file":null,"sourcesContent":null,"sourceRoot":null}

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

@@ -0,0 +1,49 @@
+namespace Fable.Form.Simple.Bulma.Fields
+
+open Fable.Form
+open Feliz
+open Feliz.Bulma
+open Fable.Form.Simple.Fields.Html
+open Fable.Form.Simple.Bulma
+
+module TextField =
+
+    type Field<'Values>(innerField: TextField.InnerField<'Values>) =
+        inherit IStandardField<'Values, string, TextField.Attributes>(innerField)
+
+        interface IField<'Values> with
+
+            member _.MapFieldValues(update: 'Values -> 'NewValues) : IField<'NewValues> =
+
+                Field(Field.mapValues update innerField)
+
+        override _.RenderField(config: StandardRenderFieldConfig<string, TextField.Attributes>) =
+            InputField.renderField
+                {
+                    OnChange = config.OnChange
+                    OnBlur = config.OnBlur
+                    Disabled = config.Disabled
+                    IsReadOnly = config.IsReadOnly
+                    Value = config.Value
+                    Error = config.Error
+                    ShowError = config.ShowError
+                    Label = config.Attributes.Label
+                    InputFunc = Bulma.input.text
+                    ExtraInputProps =
+                        [
+                            match config.Attributes.SpellCheck with
+                            | TextField.SpellCheck.Default -> ()
+                            | TextField.SpellCheck.True -> prop.spellcheck true
+                            | TextField.SpellCheck.False -> prop.spellcheck false
+
+                            prop.autoFocus config.Attributes.AutoFocus
+
+                            match config.Attributes.Placeholder with
+                            | Some placeholder -> prop.placeholder placeholder
+                            | None -> ()
+
+                            match config.Attributes.AutoComplete with
+                            | Some autoComplete -> prop.autoComplete autoComplete
+                            | None -> ()
+                        ]
+                }