[WIP] MUI v5 update

.config/dotnet-tools.json

@@ -3,22 +3,28 @@
   "isRoot": true,
   "tools": {
     "paket": {
-      "version": "5.257.0",
+      "version": "7.1.5",
       "commands": [
         "paket"
       ]
     },
     "femto": {
-      "version": "0.9.0",
+      "version": "0.15.0",
       "commands": [
         "femto"
       ]
     },
     "fake-cli": {
-      "version": "5.20.3",
+      "version": "5.23.0",
       "commands": [
         "fake"
       ]
+    },
+    "fable": {
+      "version": "4.19.3",
+      "commands": [
+        "fable"
+      ]
     }
   }
 }

.editorconfig

@@ -4,4 +4,4 @@ root = true
 insert_final_newline = true
 trim_trailing_whitespace = true
 indent_style = space
-indent_size = 2
+indent_size = 4

.gitignore

@@ -369,3 +369,6 @@ MigrationBackup/
 # End of https://www.gitignore.io/api/visualstudio,visualstudiocode
 
 .ionide/
+
+*.fs.js
+*.fs.js.map

Feliz.MaterialUI.sln

@@ -1,20 +1,27 @@
 
 Microsoft Visual Studio Solution File, Format Version 12.00
-# Visual Studio Version 16
-VisualStudioVersion = 16.0.29215.179
+# Visual Studio Version 17
+VisualStudioVersion = 17.3.32901.215
 MinimumVisualStudioVersion = 10.0.40219.1
 Project("{2150E333-8FDC-42A3-9474-1A3956D46DE8}") = ".paket", ".paket", "{774FADFC-D51A-4300-90AF-DF5D02E1A352}"
 	ProjectSection(SolutionItems) = preProject
 		paket.dependencies = paket.dependencies
+		paket.lock = paket.lock
 	EndProjectSection
 EndProject
 Project("{6EC3EE1D-3C4E-46DD-8F32-0CC8E7565705}") = "Feliz.MaterialUI", "src\Feliz.MaterialUI\Feliz.MaterialUI.fsproj", "{339444DE-137A-4962-A713-1AAF4CC6441A}"
 EndProject
 Project("{2150E333-8FDC-42A3-9474-1A3956D46DE8}") = "Solution Items", "Solution Items", "{67DBBEA5-56DD-4279-A7C4-11C2A8A4E66B}"
 	ProjectSection(SolutionItems) = preProject
+		.editorconfig = .editorconfig
+		.gitignore = .gitignore
 		appveyor.yml = appveyor.yml
+		build.cmd = build.cmd
 		build.fsx = build.fsx
+		build.sh = build.sh
+		NuGet.Config = NuGet.Config
 		README.md = README.md
+		RELEASE_NOTES.md = RELEASE_NOTES.md
 	EndProjectSection
 EndProject
 Project("{6EC3EE1D-3C4E-46DD-8F32-0CC8E7565705}") = "Feliz.Generator", "src\Feliz.Generator\Feliz.Generator.fsproj", "{0B5B4FA9-7E54-439F-B3E1-F4A7D9EB0BCA}"
@@ -27,12 +34,29 @@ Project("{6EC3EE1D-3C4E-46DD-8F32-0CC8E7565705}") = "App", "docs-app\src\App.fsp
 EndProject
 Project("{2150E333-8FDC-42A3-9474-1A3956D46DE8}") = "Docs", "Docs", "{B2C7FAE4-D267-4914-8385-5BA5A99B75DF}"
 	ProjectSection(SolutionItems) = preProject
+		docs-app\.editorconfig = docs-app\.editorconfig
+		docs-app\.npmrc = docs-app\.npmrc
 		docs-app\sass\main.sass = docs-app\sass\main.sass
+		docs-app\package.json = docs-app\package.json
+		docs-app\pnpm-lock.yaml = docs-app\pnpm-lock.yaml
+		docs-app\publish.js = docs-app\publish.js
 		docs-app\README.md = docs-app\README.md
+		docs-app\webpack.config.js = docs-app\webpack.config.js
+		docs-app\webpack.tests.js = docs-app\webpack.tests.js
 	EndProjectSection
 EndProject
 Project("{6EC3EE1D-3C4E-46DD-8F32-0CC8E7565705}") = "Tests", "docs-app\tests\Tests.fsproj", "{F78149D0-4474-4BA7-A83F-AB1064549585}"
 EndProject
+Project("{6EC3EE1D-3C4E-46DD-8F32-0CC8E7565705}") = "Feliz.MaterialUI.Icons", "src\Feliz.MaterialUI.Icons\Feliz.MaterialUI.Icons.fsproj", "{C984F7B8-15EC-49AB-81BC-30409C96DB3A}"
+EndProject
+Project("{6EC3EE1D-3C4E-46DD-8F32-0CC8E7565705}") = "build", "build\build.fsproj", "{8A93CD87-66A4-4AC2-ABD1-95A80FE75844}"
+EndProject
+Project("{6EC3EE1D-3C4E-46DD-8F32-0CC8E7565705}") = "Feliz.MuiX.DatePickers", "src\Feliz.MuiX.DatePickers\Feliz.MuiX.DatePickers.fsproj", "{72709572-F76F-423E-B4E7-50CA61958593}"
+EndProject
+Project("{6EC3EE1D-3C4E-46DD-8F32-0CC8E7565705}") = "Feliz.MuiX.DatePickersPro", "src\Feliz.MuiX.DatePickersPro\Feliz.MuiX.DatePickersPro.fsproj", "{F25A0212-58B0-4A03-885A-B1F7A1B286D8}"
+EndProject
+Project("{6EC3EE1D-3C4E-46DD-8F32-0CC8E7565705}") = "Feliz.MaterialUI.PopupState", "src\Feliz.MaterialUI.PopupState\Feliz.MaterialUI.PopupState.fsproj", "{68EECE8B-0219-40A9-A1DB-7B409724FCE5}"
+EndProject
 Global
 	GlobalSection(SolutionConfigurationPlatforms) = preSolution
 		Debug|Any CPU = Debug|Any CPU
@@ -63,6 +87,26 @@ Global
 		{F78149D0-4474-4BA7-A83F-AB1064549585}.Debug|Any CPU.Build.0 = Debug|Any CPU
 		{F78149D0-4474-4BA7-A83F-AB1064549585}.Release|Any CPU.ActiveCfg = Release|Any CPU
 		{F78149D0-4474-4BA7-A83F-AB1064549585}.Release|Any CPU.Build.0 = Release|Any CPU
+		{C984F7B8-15EC-49AB-81BC-30409C96DB3A}.Debug|Any CPU.ActiveCfg = Debug|Any CPU
+		{C984F7B8-15EC-49AB-81BC-30409C96DB3A}.Debug|Any CPU.Build.0 = Debug|Any CPU
+		{C984F7B8-15EC-49AB-81BC-30409C96DB3A}.Release|Any CPU.ActiveCfg = Release|Any CPU
+		{C984F7B8-15EC-49AB-81BC-30409C96DB3A}.Release|Any CPU.Build.0 = Release|Any CPU
+		{8A93CD87-66A4-4AC2-ABD1-95A80FE75844}.Debug|Any CPU.ActiveCfg = Debug|Any CPU
+		{8A93CD87-66A4-4AC2-ABD1-95A80FE75844}.Debug|Any CPU.Build.0 = Debug|Any CPU
+		{8A93CD87-66A4-4AC2-ABD1-95A80FE75844}.Release|Any CPU.ActiveCfg = Release|Any CPU
+		{8A93CD87-66A4-4AC2-ABD1-95A80FE75844}.Release|Any CPU.Build.0 = Release|Any CPU
+		{72709572-F76F-423E-B4E7-50CA61958593}.Debug|Any CPU.ActiveCfg = Debug|Any CPU
+		{72709572-F76F-423E-B4E7-50CA61958593}.Debug|Any CPU.Build.0 = Debug|Any CPU
+		{72709572-F76F-423E-B4E7-50CA61958593}.Release|Any CPU.ActiveCfg = Release|Any CPU
+		{72709572-F76F-423E-B4E7-50CA61958593}.Release|Any CPU.Build.0 = Release|Any CPU
+		{F25A0212-58B0-4A03-885A-B1F7A1B286D8}.Debug|Any CPU.ActiveCfg = Debug|Any CPU
+		{F25A0212-58B0-4A03-885A-B1F7A1B286D8}.Debug|Any CPU.Build.0 = Debug|Any CPU
+		{F25A0212-58B0-4A03-885A-B1F7A1B286D8}.Release|Any CPU.ActiveCfg = Release|Any CPU
+		{F25A0212-58B0-4A03-885A-B1F7A1B286D8}.Release|Any CPU.Build.0 = Release|Any CPU
+		{68EECE8B-0219-40A9-A1DB-7B409724FCE5}.Debug|Any CPU.ActiveCfg = Debug|Any CPU
+		{68EECE8B-0219-40A9-A1DB-7B409724FCE5}.Debug|Any CPU.Build.0 = Debug|Any CPU
+		{68EECE8B-0219-40A9-A1DB-7B409724FCE5}.Release|Any CPU.ActiveCfg = Release|Any CPU
+		{68EECE8B-0219-40A9-A1DB-7B409724FCE5}.Release|Any CPU.Build.0 = Release|Any CPU
 	EndGlobalSection
 	GlobalSection(SolutionProperties) = preSolution
 		HideSolutionNode = FALSE

NuGet.Config

@@ -5,6 +5,7 @@
   <packageSources>
     <clear />
     <add key="NuGet.org" value="https://api.nuget.org/v3/index.json" />
+    <add key="github" value="https://nuget.pkg.github.com/ArtemyB/index.json" />
   </packageSources>
   <disabledPackageSources>
      <clear />

README.md

@@ -1,29 +1,36 @@
 # Feliz.MaterialUI
 
-[Feliz](https://github.com/Zaid-Ajaj/Feliz)-style Fable bindings for [Material-UI](https://material-ui.com/).
+[Feliz](https://github.com/Zaid-Ajaj/Feliz)-style Fable bindings for [MUI (aka Material-UI)](https://mui.com).
 
 Documentation
 --------------
 
-https://shmew.github.io/Feliz.MaterialUI/
+https://artemyb.github.io/Feliz.MaterialUI/
 
 Contributing
 ------------
 
-This project uses `fake`, `paket`, and `femto` as .NET Core 3 local tools. Therefore, run `dotnet tool restore` to restore the necessary CLI tools before doing anything else.
+This project uses `fable`, `paket` and `femto` as .NET local tools. Therefore, `dotnet tool restore` is needed to work with the project. However `build.cmd` and `build.sh` scripts already include this step.
 
-To run targets using Fake: `dotnet fake build -t TargetName`
+To run build targets using cmd or Powershell:
+```cmd
+build.cmd TargetName
+```
+or using bash:
+```bash
+build.sh TargetName
+```
 
 ### Regular maintenance
 
-1. Run the `RegularMaintenance` target, which will update all packages as well as the Femto metadata in `Feliz.MaterialUI.fsproj`, and regenerate the bindings based on the live MUI docs
+1. Run the `RegularMaintenance` target, which will update all packages as well as the Femto metadata in `Feliz.MaterialUI.fsproj`, `Feliz.MaterialUI.Icons.fsproj`, `Feliz.MuiX.DatePickers.fsproj` and `Feliz.MuiX.DatePickersPro.fsproj`, and regenerate the bindings based on the live MUI docs.
 2. Check all changes to Feliz.MaterialUI and adjust the generator’s API parser as needed. Remember to check all doc comment updates too, since changes there may indicate that something must be changed elsewhere. Run the `RegenerateFromCache` target (or run the generator project in VS) to re-generate based on the recently downloaded HTML pages.
-3. Update the version number in `Feliz.MaterialUI.fsproj`
+3. Update the version number in `Feliz.MaterialUI.fsproj`, `Feliz.MaterialUI.Icons.fsproj`, `Feliz.MuiX.DatePickers.fsproj` and `Feliz.MuiX.DatePickersPro.fsproj`.
 4. Update `RELEASE_NOTES.md`
 5. Update relevant docs/samples (typically in `docs-app/public/pages`, potentially also by adding menu items in `App.fs`)
 6. Run the `CiBuild` target to check that everything compiles
 7. Run the `Docs:Run` target to verify that the docs are still working
 8. Commit and tag the commit (this is what triggers deployment from  AppVeyor). For consistency, the tag should be identical to the version (e.g. `1.2.3`).
 9. Push the changes and the tag to the repo. If AppVeyor build succeeds, the package is automatically published to NuGet.
-10. Publish the docs by running the `Docs:Publish` target
+10. Publish the docs by running the `Docs:Publish` target.
 

RELEASE_NOTES.md

@@ -1,5 +1,46 @@
 Changelog
 =========
+### 5.11.0-beta.4 (2024-08-14)
+* Fix issue of compilation by Fable >= 4.8.0 ([issue #7](https://github.com/ArtemyB/Feliz.MaterialUI/issues/7)).
+
+### 5.11.0-beta.3 (2023-06-21)
+* Fix [issue #5](https://github.com/ArtemyB/Feliz.MaterialUI/issues/5).
+
+### 5.11.0-beta.2 (2023-03-01)
+* Update to Feliz >= 2 (and Fable.React >= 9).
+* Update `react` NPM-package to v18, add `use-sync-external-store` NPM-package (required by `Feliz.UseElmish v2+`).
+* Regenerate bindings for MUI v5.11.
+
+### 5.10.0-alpha.6 (2023-02-15)
+* Add `anchorPosition` prop (of `Popover` and `Menu`) overload with `float` parameters.
+
+### 5.10.0-alpha.5 (2023-02-15)
+* Fix `CreateFilterOptionsOptions` type definition (used for `Autocomplete` MUI component) to address recent FCS updates that makes the old definition incompilable (e.g. by Fable v4.0.0-theta-018).
+
+### 5.10.0-alpha.4 (2022-10-31)
+
+* Fixed Grid v2 component import.
+* Corrected ThemeProvider component import (to import it from "@mui/material" instead of from "@mui/material/styles").
+* Removed StylesProvider component (for being obsolete in MUI 5).
+* Couple of minor code fixes to make the library compile with Fable 4.0.0-theta-014.
+
+### 5.10.0-alpha.3 (2022-10-03)
+
+* Fixed `componentsProps` prop bindings.
+* Added `MuiComponents` module, containing raw imports for all the components (typed as `ReactElementType`).
+* Added `style.innerSlot` helper, corrected return type of `style.muiBreakpoints` helper.
+
+### 5.10.0-alpha.0 (2022-09-26)
+
+* Updated for MUI v5 with corresponding API design changes (to reflect JS/TS MUI v5 API better).
+* Added separate packages for icons (@mui/icons-material), MUI-X DatePickers Community and Pro (@mui/x-date-pickers and @mui/x-date-pickers-pro).
+* Added new doc type signatures parsing and translation mechanism based on FParsec.
+
+### 1.3.0 (2022-01-22)
+
+* Updated for @material-ui/core 4.12 and @material-ui/lab 4.0.0-alpha.60
+* Added special cases for `imageList`'s broken documentation
+* Fixed markdown to docs to look for the correct markdown
 
 ### 1.2.6 (2021-02-09)
 

build.cmd

@@ -0,0 +1,4 @@
+echo Restoring dotnet tools...
+dotnet tool restore
+
+dotnet run --project ./build/build.fsproj -- -t %*

build.fsx

@@ -1,10 +1,7 @@
+#if FAKE
 #r "paket: groupref FakeBuild //"
-#load ".fake/build.fsx/intellisense.fsx"
-
-#if !FAKE
-#r "netstandard"
-#r "Facades/netstandard" // https://github.com/ionide/ionide-vscode-fsharp/issues/839#issuecomment-396296095
 #endif
+#load ".fake/build.fsx/intellisense.fsx"
 
 open System
 open System.Text.Json

build.sh

@@ -0,0 +1,9 @@
+#!/usr/bin/env bash
+
+set -eu
+set -o pipefail
+
+echo "Restoring dotnet tools..."
+dotnet tool restore
+
+FAKE_DETAILED_ERRORS=true dotnet run --project ./build/build.fsproj -- -t "$@"