feat(file uploader): button override (uber#1137)

* feat(button override): first attempt (#1045) * feat(button override): second attempt (#1045) * Changes requested in review 1 * Changes requested in review 2
ervasive · Apr 15, 2019 · 61a00d4 · 61a00d4
1 parent 7faabac
commit 61a00d4
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 6 deletions.
diff --git a/src/file-uploader/file-uploader.js b/src/file-uploader/file-uploader.js
@@ -52,6 +52,10 @@ function FileUploader(props: PropsT) {
     overrides.HiddenInput,
     StyledHiddenInput,
   );
+  const [ButtonComponent, buttonProps] = getOverrides(
+    overrides.ButtonComponent,
+    Button,
+  );
 
   const afterFileDrop = !!(
     props.progressAmount ||
@@ -106,7 +110,7 @@ function FileUploader(props: PropsT) {
                         {locale.fileuploader.or}
                       </ContentMessage>
 
-                      <Button
+                      <ButtonComponent
                         aria-controls="fileupload"
                         disabled={props.disabled}
                         kind={KIND.minimal}
@@ -118,9 +122,10 @@ function FileUploader(props: PropsT) {
                         }}
                         role="button"
                         {...prefixedStyledProps}
+                        {...buttonProps}
                       >
                         {locale.fileuploader.browseFiles}
-                      </Button>
+                      </ButtonComponent>
                     </React.Fragment>
                   )}
 
@@ -167,7 +172,7 @@ function FileUploader(props: PropsT) {
                         </ContentMessage>
                       )}
                       {props.errorMessage ? (
-                        <Button
+                        <ButtonComponent
                           kind={KIND.minimal}
                           onClick={() => {
                             props.onRetry && props.onRetry();
@@ -179,9 +184,9 @@ function FileUploader(props: PropsT) {
                           }}
                         >
                           {locale.fileuploader.retry}
-                        </Button>
+                        </ButtonComponent>
                       ) : (
-                        <Button
+                        <ButtonComponent
                           kind={KIND.minimal}
                           onClick={() => {
                             props.onCancel && props.onCancel();
@@ -193,7 +198,7 @@ function FileUploader(props: PropsT) {
                           }}
                         >
                           {locale.fileuploader.cancel}
-                        </Button>
+                        </ButtonComponent>
                       )}
                     </React.Fragment>
                   )}

diff --git a/src/file-uploader/types.js b/src/file-uploader/types.js
@@ -27,6 +27,7 @@ export type OverridesT<T> = {|
   HiddenInput?: OverrideT<T>,
   ProgressMessage?: OverrideT<T>,
   ErrorMessage?: OverrideT<T>,
+  ButtonComponent?: OverrideT<T>,
 |};
 
 export type PropsT = {|