feat(file-input): Add buttonType property

miare-ir · Apr 21, 2024 · 7581afe · 7581afe
1 parent 18219d6
commit 7581afe
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 2 deletions.
diff --git a/dist/components/file-input/index.d.ts b/dist/components/file-input/index.d.ts
@@ -25,6 +25,7 @@ export interface FileInputProps extends React.HTMLProps<HTMLInputElement> {
     tryAgainText?: string | React.ReactNode;
     inputRef?: React.RefObject<HTMLInputElement>;
     isClear?: boolean;
+    buttonType?: React.ButtonHTMLAttributes<HTMLButtonElement>['type'];
 }
 export interface FileInputState {
     touched: boolean;

diff --git a/dist/index.js b/dist/index.js
@@ -4374,7 +4374,7 @@ var FileInput = /** @class */ (function (_super) {
                     files.map(function (file, index) {
                         return _this.renderFiles(states && states[index], file, index);
                     }),
-                React.createElement(button_1.default, { disabled: disabled, primary: true },
+                React.createElement(button_1.default, { type: props.buttonType, disabled: disabled, primary: true },
                     children ? children : 'افزودن فایل',
                     React.createElement("input", __assign({ disabled: disabled, type: "file", ref: inputRef, onChange: this.handleInput, value: "" }, props))))));
     };

diff --git a/src/components/file-input/index.tsx b/src/components/file-input/index.tsx
@@ -31,6 +31,7 @@ export interface FileInputProps extends React.HTMLProps<HTMLInputElement> {
   tryAgainText?: string | React.ReactNode;
   inputRef?: React.RefObject<HTMLInputElement>;
   isClear?: boolean;
+  buttonType?: React.ButtonHTMLAttributes<HTMLButtonElement>['type'];
 }
 
 export interface FileInputState {
@@ -138,7 +139,7 @@ class FileInput extends React.Component<FileInputProps, FileInputState> {
             files.map((file, index) =>
               this.renderFiles(states && states[index], file, index),
             )}
-          <Button disabled={disabled} primary>
+          <Button type={props.buttonType} disabled={disabled} primary>
             {children ? children : 'افزودن فایل'}
             <input
               disabled={disabled}