Update kotlin-react-responsive wrapper to v8.2.0

Author: samgarasx

gradle.properties

@@ -9,5 +9,5 @@ kotlin-styled.version=5.3.1-pre.258
 kotlin-antd.version=4.8.6-pre.15
 kotlin-moment.version=2.29.1-pre.14
 kotlin-react-intl.version=5.20.13-pre.14
-kotlin-react-responsive.version=8.1.0-pre.13
+kotlin-react-responsive.version=8.2.0-pre.14
 kotlin-uikit.version=3.5.7-pre.12

kotlin-react-responsive/react-responsive-samples/src/main/kotlin/samples/App.kt

@@ -3,8 +3,6 @@ package samples
 import kotlinx.css.*
 import react.*
 import react.dom.*
-import samples.sandbox.*
-import samples.static.*
 import styled.*
 
 object AppStyles : StyleSheet("app", isStatic = true) {
@@ -34,8 +32,6 @@ class App : RComponent<Props, State>() {
             css { +AppStyles.content }
             withHooks()
             withComponents()
-            static()
-            sandbox()
         }
     }
 }

kotlin-react-responsive/react-responsive-samples/src/main/kotlin/samples/sandbox/Sandbox.kt

@@ -15,7 +15,7 @@ external interface MediaQueryProps : MediaQueryAllQueryable, Props {
     var query: String?
     var style: dynamic
     var className: String?
-    var children: Any? /* ReactElement | MediaQueryChildrenFn */
+    var children: Any? /* ReactNode | (matches: Boolean) -> ReactNode */
     var device: MediaQueryMatchers?
     var values: MediaQueryMatchers?
     var onBeforeChange: ((matches: Boolean) -> Unit)?
@@ -25,7 +25,7 @@ external interface MediaQueryProps : MediaQueryAllQueryable, Props {
 @JsName("toQuery")
 external fun toQuery(matchers: MediaQueryAllQueryable): String
 
-@JsName("context")
+@JsName("Context")
 external val context: Context<MediaQueryAllQueryable>
 
 external interface MediaQueryTypes {
@@ -61,31 +61,22 @@ external interface MediaQueryMatchers {
 external interface MediaQueryFeatures : MediaQueryMatchers {
     var minAspectRatio: String?
     var maxAspectRatio: String?
-
     var minDeviceAspectRatio: String?
     var maxDeviceAspectRatio: String?
-
     var minHeight: Any? /* Number | String */
     var maxHeight: Any? /* Number | String */
-
     var minDeviceHeight: Any? /* Number | String */
     var maxDeviceHeight: Any? /* Number | String */
-
     var minWidth: Any? /* Number | String */
     var maxWidth: Any? /* Number | String */
-
     var minDeviceWidth: Any? /* Number | String */
     var maxDeviceWidth: Any? /* Number | String */
-
     var minColor: Number?
     var maxColor: Number?
-
     var minColorIndex: Number?
     var maxColorIndex: Number?
-
     var minMonochrome: Number?
     var maxMonochrome: Number?
-
     var minResolution: Any? /* Number | String */
     var maxResolution: Any? /* Number | String */
 }

kotlin-react-responsive/react-responsive-samples/src/main/kotlin/samples/static/Static.kt

@@ -7,7 +7,8 @@ package reactresponsive
 external fun useMediaQuery(
     settings: MediaQuerySettings,
     device: MediaQueryMatchers? = definedExternally,
-    callback: ((matches: Boolean) -> Unit)? = definedExternally): Boolean
+    callback: ((matches: Boolean) -> Unit)? = definedExternally
+): Boolean
 
 external interface MediaQuerySettings : MediaQueryAllQueryable {
     var query: String?

kotlin-react-responsive/src/main/kotlin/reactresponsive/MediaQuery.kt

@@ -1,9 +1,5 @@
 package reactresponsive
 
-import react.*
-
-typealias MediaQueryChildrenFn = (matches: Boolean) -> ReactElement
-
 typealias MediaQueryType = String /* keyof MediaQueryTypes */
 
 typealias MediaQueryMatcherOrientation = String /* "portrait" | "landscape" */