Add some component

[hamed-sb]

Add
+AutoComplete component
+useAutoComplete hooks function
+StylesProvider componen for support jss
+some missing props

edit StyleBiulder for support static style

[subroh0508]

Sorry for the late review!

I tried to check the operation, but I got an error with the following code 😭 If it works in your local environment, I would like to see the sample code.

val data: Array<Data> = arrayOf(
    jsObject { name = "Mizuki Makabe"; age = 17 },
    jsObject { name = "Madoka Higuchi"; age = 17 },
)

autoComplete<Data> {
    attrs.options = data
    attrs.getOptionLabel = { it.name }
    attrs.renderInput = {
        buildElements {
            textField {
                console.log(Object.assign(attrs, it))
                Object.assign(attrs, it)
                attrs.label { +"Combo box" }
                attrs.variant = FormControlVariant.outlined
            }
        }
    }
}

Clicking on it will result in an error like this.

Uncaught TypeError: Cannot read property 'focus' of null
    at handleClick (webpack-internal:///../../node_modules/@material-ui/lab/esm/useAutocomplete/useAutocomplete.js:928)
    at HTMLUnknownElement.callCallback (webpack-internal:///../../node_modules/react-dom/cjs/react-dom.development.js:188)
    at Object.invokeGuardedCallbackDev (webpack-internal:///../../node_modules/react-dom/cjs/react-dom.development.js:237)
    at invokeGuardedCallback (webpack-internal:///../../node_modules/react-dom/cjs/react-dom.development.js:292)
    at invokeGuardedCallbackAndCatchFirstError (webpack-internal:///../../node_modules/react-dom/cjs/react-dom.development.js:306)
    at executeDispatch (webpack-internal:///../../node_modules/react-dom/cjs/react-dom.development.js:389)
    at executeDispatchesInOrder (webpack-internal:///../../node_modules/react-dom/cjs/react-dom.development.js:411)
    at executeDispatchesAndRelease (webpack-internal:///../../node_modules/react-dom/cjs/react-dom.development.js:3278)
    at executeDispatchesAndReleaseTopLevel (webpack-internal:///../../node_modules/react-dom/cjs/react-dom.development.js:3287)
    at forEachAccumulated (webpack-internal:///../../node_modules/react-dom/cjs/react-dom.development.js:3259)

[hamed-sb]

you must use props() method for set props
like this props( it as TextFieldProps)

sorry my English is not good
thanks for review

[subroh0508]

👍 👍 👍

[subroh0508]

I think it's very good! I'm sorry I left it for two months 😭