Update with changes from next

mui · Jul 27, 2020 · 8d468db · 8d468db
1 parent 01f68da
commit 8d468db
Show file tree

Hide file tree

Showing 4 changed files with 6 additions and 4 deletions.
diff --git a/framer/Material-UI.framerfx/code/Button.tsx b/framer/Material-UI.framerfx/code/Button.tsx
@@ -17,7 +17,7 @@ interface Props {
   label: string;
   width: number | string;
   height: number;
-  variant: 'contained' | 'outlined' | 'text';
+  variant?: 'contained' | 'outlined' | 'text';
 }
 
 export function Button(props: Props): JSX.Element {

diff --git a/framer/Material-UI.framerfx/code/Checkbox.tsx b/framer/Material-UI.framerfx/code/Checkbox.tsx
@@ -11,6 +11,7 @@ interface Props {
   label: string;
   width: number | string;
   height: number;
+  onChange?: React.ChangeEventHandler<HTMLInputElement>;
 }
 
 export function Checkbox(props: Props): JSX.Element {
@@ -21,7 +22,7 @@ export function Checkbox(props: Props): JSX.Element {
     if (onChange) {
       onChange(event);
     }
-    setChecked((event.target as HTMLInputElement).checked);
+    setChecked(event.target.checked);
   };
 
   React.useEffect(() => {

diff --git a/framer/scripts/templates/button.txt b/framer/scripts/templates/button.txt
@@ -36,7 +36,7 @@ export function «componentName»(props: Props): JSX.Element {
 
 «componentName».defaultProps = {
 «& defaultProps»
-  variant: 'text',
+  variant: 'text' as 'text',
 };
 
 addPropertyControls(«componentName», {

diff --git a/framer/scripts/templates/selection_control.txt b/framer/scripts/templates/selection_control.txt
@@ -6,6 +6,7 @@ import FormControlLabel, { FormControlLabelProps } from '@material-ui/core/FormC
 
 interface Props {
 «& tsInterface»
+  onChange?: React.ChangeEventHandler<HTMLInputElement>;
 }
 
 export function «componentName»(props: Props): JSX.Element {
@@ -16,7 +17,7 @@ export function «componentName»(props: Props): JSX.Element {
     if (onChange) {
       onChange(event);
     }
-    setChecked((event.target as HTMLInputElement).checked);
+    setChecked(event.target.checked);
   };
 
   React.useEffect(() => {