Update to Material UI v5.0.0-beta.5

deps.cljs

@@ -1,5 +1,5 @@
 {:npm-deps
- {"@material-ui/core" "5.0.0-beta.2"
+ {"@material-ui/core" "5.0.0-beta.5"
   "@emotion/react"    "^11.0.0"
   "@emotion/styled"   "^11.0.0"
   "react"             "^17.0.0"

example/package.json

@@ -1,19 +1,19 @@
 {
   "dependencies": {
-    "@emotion/react": "^11.4.0",
+    "@emotion/react": "^11.4.1",
     "@emotion/styled": "^11.3.0",
-    "@material-ui/core": "5.0.0-beta.2",
-    "@material-ui/lab": "5.0.0-alpha.41",
+    "@material-ui/core": "5.0.0-beta.5",
+    "@material-ui/lab": "5.0.0-alpha.44",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
     "react-transition-group": "^4.4.2",
-    "shadow-cljs": "^2.15.2"
+    "shadow-cljs": "^2.15.6"
   },
   "scripts": {
     "watch": "shadow-cljs watch dev"
   },
   "devDependencies": {
-    "webpack": "^5.36.2",
-    "webpack-cli": "^4.7.0"
+    "webpack": "^5.51.1",
+    "webpack-cli": "^4.8.0"
   }
 }

package.json

@@ -2,25 +2,25 @@
   "name": "reagent-material-ui",
   "private": true,
   "devDependencies": {
-    "karma": "^5.2.3",
+    "karma": "^6.3.4",
     "karma-chrome-launcher": "^3.1.0",
     "karma-cljs-test": "^0.1.0",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
     "rimraf": "^3.0.2",
-    "shadow-cljs": "^2.14.6",
+    "shadow-cljs": "^2.15.6",
     "terser-webpack-plugin": "^5.1.4",
-    "webpack": "^5.44.0",
-    "webpack-cli": "^4.7.2",
+    "webpack": "^5.51.1",
+    "webpack-cli": "^4.8.0",
     "webpack-merge": "^5.8.0"
   },
   "dependencies": {
-    "@emotion/react": "^11.4.0",
+    "@emotion/react": "^11.4.1",
     "@emotion/styled": "^11.3.0",
-    "@material-ui/core": "5.0.0-beta.2",
-    "@material-ui/styles": "5.0.0-beta.2",
-    "@material-ui/lab": "5.0.0-alpha.41",
-    "@material-ui/unstyled": "5.0.0-alpha.41"
+    "@material-ui/core": "5.0.0-beta.5",
+    "@material-ui/lab": "5.0.0-alpha.44",
+    "@material-ui/styles": "5.0.0-beta.5",
+    "@material-ui/unstyled": "5.0.0-alpha.44"
   },
   "scripts": {
     "build": "npm run clean && npm run build:dev && npm run build:prod",

project.clj

@@ -32,13 +32,13 @@
                                        :npm-deps      false}}
                        {:id           "test-adv"
                         :source-paths ["src/core" "test"]
-                        :compiler     {:output-to     "target/public/js/test-main.js"
-                                       :output-dir    "target/public/js/out"
+                        :compiler     {:output-to     "target/public/js/test-main-adv.js"
+                                       :output-dir    "target/public/js/out-adv"
                                        :main          reagent-material-ui.test-runner
                                        :optimizations :advanced
                                        :npm-deps      false}}]}
   :doo {:paths {:karma "./node_modules/karma/bin/karma"}}
-  :aliases {"test"         ["do" ["clean"] ["doo:test"] ["clean"] ["doo:test-adv"]]
+  :aliases {"test"         ["do" ["clean"] ["doo:test"] ["doo:test-adv"]]
             "doo:test"     ["doo" "chrome-headless" "test" "once"]
             "doo:test-adv" ["doo" "chrome-headless" "test-adv" "once"]}
   :deploy-repositories [["releases" {:url           "https://repo.clojars.org"

reagent-material-ui-js/deps.cljs

@@ -5,6 +5,7 @@
    :global-exports {"@material-ui/core" MaterialUI},
    :requires
    ["@material-ui/unstyled"
+    "@material-ui/unstyled/AutocompleteUnstyled"
     "@material-ui/unstyled/BackdropUnstyled"
     "@material-ui/unstyled/BadgeUnstyled"
     "@material-ui/unstyled/ModalUnstyled"
@@ -30,6 +31,39 @@
    :global-exports {"@material-ui/lab" MaterialUILab},
    :requires
    ["@material-ui/core"
+    "@material-ui/core/Alert"
+    "@material-ui/core/AlertTitle"
+    "@material-ui/core/Autocomplete"
+    "@material-ui/core/AvatarGroup"
+    "@material-ui/core/Button"
+    "@material-ui/core/ButtonBase"
+    "@material-ui/core/CircularProgress"
+    "@material-ui/core/Collapse"
+    "@material-ui/core/Dialog"
+    "@material-ui/core/DialogActions"
+    "@material-ui/core/DialogContent"
+    "@material-ui/core/Fade"
+    "@material-ui/core/Grid"
+    "@material-ui/core/Grow"
+    "@material-ui/core/IconButton"
+    "@material-ui/core/InputAdornment"
+    "@material-ui/core/Pagination"
+    "@material-ui/core/PaginationItem"
+    "@material-ui/core/Paper"
+    "@material-ui/core/Popper"
+    "@material-ui/core/Rating"
+    "@material-ui/core/Skeleton"
+    "@material-ui/core/SpeedDial"
+    "@material-ui/core/SpeedDialAction"
+    "@material-ui/core/SpeedDialIcon"
+    "@material-ui/core/Tab"
+    "@material-ui/core/Tabs"
+    "@material-ui/core/ToggleButton"
+    "@material-ui/core/ToggleButtonGroup"
+    "@material-ui/core/Typography"
+    "@material-ui/core/Unstable_TrapFocus"
+    "@material-ui/core/useMediaQuery"
+    "@material-ui/core/usePagination"
     "@material-ui/unstyled"
     "@material-ui/utils"
     "react"
@@ -39,8 +73,10 @@
    :provides ["@material-ui/unstyled"],
    :global-exports {"@material-ui/unstyled" MaterialUIUnstyled},
    :requires
-   ["@material-ui/unstyled/BackdropUnstyled"
+   ["@material-ui/unstyled/AutocompleteUnstyled"
+    "@material-ui/unstyled/BackdropUnstyled"
     "@material-ui/unstyled/BadgeUnstyled"
+    "@material-ui/unstyled/FormControlUnstyled"
     "@material-ui/unstyled/ModalUnstyled"
     "@material-ui/unstyled/NoSsr"
     "@material-ui/unstyled/Portal"
@@ -1091,6 +1127,19 @@
     "@material-ui/unstyled/utils"
     "@material-ui/utils"
     "react"]}
+  {:file
+   "material-ui/material-ui-unstyled-form-control-unstyled.inc.js",
+   :file-min
+   "material-ui/material-ui-unstyled-form-control-unstyled.min.inc.js",
+   :provides ["@material-ui/unstyled/FormControlUnstyled"],
+   :global-exports
+   {"@material-ui/unstyled/FormControlUnstyled"
+    MaterialUIUnstyledFormControlUnstyled},
+   :requires
+   ["@material-ui/unstyled/generateUtilityClass"
+    "@material-ui/unstyled/generateUtilityClasses"
+    "@material-ui/utils"
+    "react"]}
   {:file "material-ui/material-ui-unstyled-modal-unstyled.inc.js",
    :file-min
    "material-ui/material-ui-unstyled-modal-unstyled.min.inc.js",
@@ -1143,7 +1192,6 @@
    :requires
    ["@material-ui/unstyled/generateUtilityClass"
     "@material-ui/unstyled/generateUtilityClasses"
-    "@material-ui/unstyled/utils"
     "@material-ui/utils"
     "react"]}
   {:file "material-ui/material-ui-unstyled-unstable-trap-focus.inc.js",
@@ -1185,5 +1233,14 @@
    :provides ["@material-ui/unstyled/utils"],
    :global-exports
    {"@material-ui/unstyled/utils" MaterialUIUnstyledUtils},
-   :requires []}],
+   :requires []}
+  {:file
+   "material-ui/material-ui-unstyled-autocomplete-unstyled.inc.js",
+   :file-min
+   "material-ui/material-ui-unstyled-autocomplete-unstyled.min.inc.js",
+   :provides ["@material-ui/unstyled/AutocompleteUnstyled"],
+   :global-exports
+   {"@material-ui/unstyled/AutocompleteUnstyled"
+    MaterialUIUnstyledAutocompleteUnstyled},
+   :requires ["@material-ui/utils" "react"]}],
  :externs ["material-ui/material-ui.ext.js"]}

reagent-material-ui-js/entries/material-ui-accordion-actions.js

@@ -1 +1 @@
-export { AccordionActions as default } from '@material-ui/core'
+export { AccordionActions as default, accordionActionsClasses } from '@material-ui/core'

reagent-material-ui-js/entries/material-ui-accordion-details.js

@@ -1 +1 @@
-export { AccordionDetails as default } from '@material-ui/core'
+export { AccordionDetails as default, accordionDetailsClasses } from '@material-ui/core'

reagent-material-ui-js/entries/material-ui-accordion-summary.js

@@ -1 +1 @@
-export { AccordionSummary as default } from '@material-ui/core'
+export { AccordionSummary as default, accordionSummaryClasses } from '@material-ui/core'

reagent-material-ui-js/entries/material-ui-accordion.js

@@ -1 +1 @@
-export { Accordion as default } from '@material-ui/core'
+export { Accordion as default, accordionClasses } from '@material-ui/core'

reagent-material-ui-js/entries/material-ui-alert-title.js

@@ -1 +1 @@
-export { AlertTitle as default } from '@material-ui/core'
+export { AlertTitle as default, alertTitleClasses } from '@material-ui/core'

reagent-material-ui-js/entries/material-ui-alert.js

@@ -1 +1 @@
-export { Alert as default } from '@material-ui/core'
+export { Alert as default, alertClasses } from '@material-ui/core'

reagent-material-ui-js/entries/material-ui-app-bar.js

@@ -1 +1 @@
-export { AppBar as default } from '@material-ui/core'
+export { AppBar as default, appBarClasses } from '@material-ui/core'

reagent-material-ui-js/entries/material-ui-autocomplete.js

@@ -1 +1 @@
-export { Autocomplete as default, createFilterOptions } from '@material-ui/core'
+export { Autocomplete as default, createFilterOptions, autocompleteClasses } from '@material-ui/core'

reagent-material-ui-js/entries/material-ui-avatar-group.js

@@ -1 +1 @@
-export { AvatarGroup as default } from '@material-ui/core'
+export { AvatarGroup as default, avatarGroupClasses } from '@material-ui/core'

reagent-material-ui-js/entries/material-ui-avatar.js

@@ -1 +1 @@
-export { Avatar as default } from '@material-ui/core'
+export { Avatar as default, avatarClasses } from '@material-ui/core'

reagent-material-ui-js/entries/material-ui-bottom-navigation-action.js

@@ -1 +1 @@
-export { BottomNavigationAction as default } from '@material-ui/core'
+export { BottomNavigationAction as default, bottomNavigationActionClasses } from '@material-ui/core'

reagent-material-ui-js/entries/material-ui-bottom-navigation.js

@@ -1 +1 @@
-export { BottomNavigation as default } from '@material-ui/core'
+export { BottomNavigation as default, bottomNavigationClasses } from '@material-ui/core'

reagent-material-ui-js/entries/material-ui-breadcrumbs.js

@@ -1 +1 @@
-export { Breadcrumbs as default } from '@material-ui/core'
+export { Breadcrumbs as default, breadcrumbsClasses } from '@material-ui/core'

reagent-material-ui-js/entries/material-ui-button-base.js

@@ -1 +1 @@
-export { ButtonBase as default } from '@material-ui/core'
+export { ButtonBase as default, buttonBaseClasses } from '@material-ui/core'

reagent-material-ui-js/entries/material-ui-button-group.js

@@ -1 +1 @@
-export { ButtonGroup as default } from '@material-ui/core'
+export { ButtonGroup as default, buttonGroupClasses } from '@material-ui/core'

reagent-material-ui-js/entries/material-ui-button.js

@@ -1 +1 @@
-export { Button as default } from '@material-ui/core'
+export { Button as default, buttonClasses } from '@material-ui/core'

reagent-material-ui-js/entries/material-ui-card-action-area.js

@@ -1 +1 @@
-export { CardActionArea as default } from '@material-ui/core'
+export { CardActionArea as default, cardActionAreaClasses } from '@material-ui/core'

reagent-material-ui-js/entries/material-ui-card-actions.js

@@ -1 +1 @@
-export { CardActions as default } from '@material-ui/core'
+export { CardActions as default, cardActionsClasses } from '@material-ui/core'

reagent-material-ui-js/entries/material-ui-card-content.js

@@ -1 +1 @@
-export { CardContent as default } from '@material-ui/core'
+export { CardContent as default, cardContentClasses } from '@material-ui/core'

reagent-material-ui-js/entries/material-ui-card-header.js

@@ -1 +1 @@
-export { CardHeader as default } from '@material-ui/core'
+export { CardHeader as default, cardHeaderClasses } from '@material-ui/core'

reagent-material-ui-js/entries/material-ui-card-media.js

@@ -1 +1 @@
-export { CardMedia as default } from '@material-ui/core'
+export { CardMedia as default, cardMediaClasses } from '@material-ui/core'

reagent-material-ui-js/entries/material-ui-card.js

@@ -1 +1 @@
-export { Card as default } from '@material-ui/core'
+export { Card as default, cardClasses } from '@material-ui/core'

reagent-material-ui-js/entries/material-ui-checkbox.js

@@ -1 +1 @@
-export { Checkbox as default } from '@material-ui/core'
+export { Checkbox as default, checkboxClasses } from '@material-ui/core'

reagent-material-ui-js/entries/material-ui-chip.js

@@ -1 +1 @@
-export { Chip as default } from '@material-ui/core'
+export { Chip as default, chipClasses } from '@material-ui/core'

reagent-material-ui-js/entries/material-ui-circular-progress.js

@@ -1 +1 @@
-export { CircularProgress as default } from '@material-ui/core'
+export { CircularProgress as default, circularProgressClasses } from '@material-ui/core'

reagent-material-ui-js/entries/material-ui-collapse.js

@@ -1 +1 @@
-export { Collapse as default } from '@material-ui/core'
+export { Collapse as default, collapseClasses } from '@material-ui/core'

reagent-material-ui-js/entries/material-ui-container.js

@@ -1 +1 @@
-export { Container as default } from '@material-ui/core'
+export { Container as default, containerClasses } from '@material-ui/core'

reagent-material-ui-js/entries/material-ui-dialog-actions.js

@@ -1 +1 @@
-export { DialogActions as default } from '@material-ui/core'
+export { DialogActions as default, dialogActionsClasses } from '@material-ui/core'

reagent-material-ui-js/entries/material-ui-dialog-content-text.js

@@ -1 +1 @@
-export { DialogContentText as default } from '@material-ui/core'
+export { DialogContentText as default, dialogContentTextClasses } from '@material-ui/core'

reagent-material-ui-js/entries/material-ui-dialog-content.js

@@ -1 +1 @@
-export { DialogContent as default } from '@material-ui/core'
+export { DialogContent as default, dialogContentClasses } from '@material-ui/core'

reagent-material-ui-js/entries/material-ui-dialog-title.js

@@ -1 +1 @@
-export { DialogTitle as default } from '@material-ui/core'
+export { DialogTitle as default, dialogTitleClasses } from '@material-ui/core'

reagent-material-ui-js/entries/material-ui-dialog.js

@@ -1 +1 @@
-export { Dialog as default } from '@material-ui/core'
+export { Dialog as default, dialogClasses } from '@material-ui/core'

reagent-material-ui-js/entries/material-ui-divider.js

@@ -1 +1 @@
-export { Divider as default } from '@material-ui/core'
+export { Divider as default, dividerClasses } from '@material-ui/core'

reagent-material-ui-js/entries/material-ui-drawer.js

@@ -1 +1 @@
-export { Drawer as default } from '@material-ui/core'
+export { Drawer as default, drawerClasses } from '@material-ui/core'

reagent-material-ui-js/entries/material-ui-fab.js

@@ -1 +1 @@
-export { Fab as default } from '@material-ui/core'
+export { Fab as default, fabClasses } from '@material-ui/core'

reagent-material-ui-js/entries/material-ui-filled-input.js

@@ -1 +1 @@
-export { FilledInput as default } from '@material-ui/core'
+export { FilledInput as default, filledInputClasses } from '@material-ui/core'

reagent-material-ui-js/entries/material-ui-form-control-label.js

@@ -1 +1 @@
-export { FormControlLabel as default } from '@material-ui/core'
+export { FormControlLabel as default, formControlLabelClasses } from '@material-ui/core'

reagent-material-ui-js/entries/material-ui-form-control.js

@@ -1 +1 @@
-export { FormControl as default, useFormControl } from '@material-ui/core'
+export { FormControl as default, useFormControl, formControlClasses } from '@material-ui/core'

reagent-material-ui-js/entries/material-ui-form-group.js

@@ -1 +1 @@
-export { FormGroup as default } from '@material-ui/core'
+export { FormGroup as default, formGroupClasses } from '@material-ui/core'

reagent-material-ui-js/entries/material-ui-form-helper-text.js

@@ -1 +1 @@
-export { FormHelperText as default } from '@material-ui/core'
+export { FormHelperText as default, formHelperTextClasses } from '@material-ui/core'

reagent-material-ui-js/entries/material-ui-form-label.js

@@ -1 +1 @@
-export { FormLabel as default } from '@material-ui/core'
+export { FormLabel as default, formLabelClasses } from '@material-ui/core'

reagent-material-ui-js/entries/material-ui-grid.js

@@ -1 +1 @@
-export { Grid as default } from '@material-ui/core'
+export { Grid as default, gridClasses } from '@material-ui/core'