Fix #3044: FileUpload expose onFileSelect

.babelrc

@@ -0,0 +1,3 @@
+{
+  "presets": ["next/babel"]
+}

.gitignore

@@ -16,6 +16,7 @@
 # next.js
 /.next/
 /out/
+tsconfig.tsbuildinfo
 
 # production
 /dist

components/lib/card/Card.d.ts

@@ -2,7 +2,7 @@ import * as React from 'react';
 
 type CardTemplateTypes = React.ReactNode | ((props: CardProps) => React.ReactNode);
 
-export interface CardProps extends Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, 'ref'> {
+export interface CardProps extends Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, 'ref' | 'title'> {
     header?: CardTemplateTypes;
     footer?: CardTemplateTypes;
     title?: CardTemplateTypes;

components/lib/fileupload/FileUpload.d.ts

@@ -82,7 +82,7 @@ interface FileUploadRemoveParams {
 }
 
 interface FileUploadProps {
-    id?: string;
+    id?: void;
     name?: string;
     url?: string;
     mode?: FileUploadModeType;
@@ -130,6 +130,7 @@ export declare class FileUpload extends React.Component<FileUploadProps, any> {
     public upload(): void;
     public clear(): void;
     public formatSize(bytes: number): number;
+    public onFileSelect(event: FileUploadSelectParams): void;
     public getElement(): HTMLElement;
     public getInput(): HTMLInputElement;
 }

components/lib/fileupload/FileUpload.js

@@ -317,6 +317,7 @@ export const FileUpload = React.memo(React.forwardRef((props, ref) => {
         upload,
         clear,
         formatSize,
+        onFileSelect,
         getInput: () => fileInputRef.current,
         getContent: () => contentRef.current
     }));

components/lib/inputmask/InputMask.d.ts

@@ -21,7 +21,7 @@ interface InputMaskChangeParams {
     target: InputMaskChangeTargetOptions;
 }
 
-export interface InputMaskProps extends InputTextProps {
+export interface InputMaskProps  extends Omit<InputTextProps, 'onChange'> {
     mask?: string;
     slotChar?: string;
     autoClear?: boolean;
@@ -38,6 +38,6 @@ export interface InputMaskProps extends InputTextProps {
     children?: React.ReactNode;
 }
 
-export declare class InputMask extends React.Component<InputMaskProps, any> { 
+export declare class InputMask extends React.Component<InputMaskProps, any> {
     public getElement(): InputText;
 }

components/lib/inputnumber/InputNumber.d.ts

@@ -21,7 +21,7 @@ interface InputNumberChangeParams {
     value: number | null;
 }
 
-export interface InputNumberProps  extends Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, 'ref'> {
+export interface InputNumberProps extends Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, 'onChange' | 'ref'> {
     value?: number | null;
     inputRef?: React.Ref<HTMLInputElement>;
     format?: boolean;
@@ -51,7 +51,6 @@ export interface InputNumberProps  extends Omit<React.DetailedHTMLProps<React.HT
     required?: boolean;
     tabIndex?: number;
     pattern?: string;
-    inputMode?: string;
     placeholder?: string;
     readOnly?: boolean;
     size?: number;

components/lib/listbox/ListBox.d.ts

@@ -69,7 +69,7 @@ export interface ListBoxProps extends Omit<React.DetailedHTMLProps<React.InputHT
     children?: React.ReactNode;
 }
 
-export declare class ListBox extends React.Component<ListBoxProps, any> { 
+export declare class ListBox extends React.Component<ListBoxProps, any> {
     public getElement(): HTMLDivElement;
     public getVirtualScroller(): VirtualScroller;
 }

components/lib/mention/Mention.d.ts

@@ -28,7 +28,7 @@ interface MentionSelectParams {
     suggestion: any;
 }
 
-export interface MentionProps extends Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLDivElement>, HTMLDivElement>, 'onChange' | 'onInput' | 'onFocus' | 'onBlur' | 'ref'> {
+export interface MentionProps extends Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLDivElement>, HTMLDivElement>, 'onSelect' | 'onChange' | 'onInput' | 'onFocus' | 'onBlur' | 'ref'> {
     inputId?: string;
     inputRef?: React.Ref<HTMLInputElement>;
     trigger?: MentionTriggerType;
@@ -56,7 +56,7 @@ export interface MentionProps extends Omit<React.DetailedHTMLProps<React.InputHT
     children?: React.ReactNode;
 }
 
-export declare class Mention extends React.Component<MentionProps, any> { 
+export declare class Mention extends React.Component<MentionProps, any> {
     public getElement(): HTMLDivElement;
     public getInput(): InputTextarea;
     public getOverlay(): HTMLElement;

components/lib/steps/Steps.d.ts

@@ -7,14 +7,14 @@ interface StepsSelectParams {
     index: number;
 }
 
-export interface StepsProps extends Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, 'ref'> {
+export interface StepsProps extends Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, 'onSelect' | 'ref'> {
     model: MenuItem[];
     activeIndex?: number;
     readOnly?: boolean;
     onSelect?(e: StepsSelectParams): void;
     children?: React.ReactNode;
 }
 
-export declare class Steps extends React.Component<StepsProps, any> { 
+export declare class Steps extends React.Component<StepsProps, any> {
     public getElement(): HTMLDivElement;
 }

components/lib/tree/Tree.d.ts

@@ -78,7 +78,7 @@ interface TreeSelectionParams {
     value: TreeSelectionKeys;
 }
 
-interface TreeEventNodeParams {
+export interface TreeEventNodeParams {
     originalEvent: React.SyntheticEvent;
     node: TreeNode;
 }

components/lib/treeselect/TreeSelect.d.ts

@@ -57,7 +57,9 @@ interface TreeSelectCheckboxSelectionKeyType {
     partialChecked?: boolean;
 }
 
-interface TreeSelectEventNodeParams extends TreeEventNodeParams {
+interface TreeSelectEventNodeParams {
+    originalEvent: React.SyntheticEvent;
+    node: TreeNode;
 }
 
 interface TreeSelectFilterValueChangeParams {
@@ -112,6 +114,6 @@ export interface TreeSelectProps extends Omit<React.DetailedHTMLProps<React.Inpu
     children?: React.ReactNode;
 }
 
-export declare class TreeSelect extends React.Component<TreeSelectProps, any> { 
+export declare class TreeSelect extends React.Component<TreeSelectProps, any> {
     public getElement(): HTMLDivElement;
 }

next-env.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="next" />
+/// <reference types="next/image-types/global" />
+
+// NOTE: This file should not be edited
+// see https://nextjs.org/docs/basic-features/typescript for more information.

package.json

@@ -10,7 +10,8 @@
     "build-api": "node ./api-generator/build-api.js",
     "security-check": "npm audit --production --audit-level high",
     "start": "next start",
-    "lint": "next lint --max-warnings=0"
+    "lint": "next lint --max-warnings=0",
+    "type-check": "tsc"
   },
   "dependencies": {
     "chart.js": "3.8.0",
@@ -36,12 +37,16 @@
     "@babel/plugin-transform-runtime": "^7.18.6",
     "@babel/preset-env": "^7.18.6",
     "@babel/preset-react": "^7.18.6",
-    "@typescript-eslint/parser": "^5.21.0",
     "@rollup/plugin-alias": "^3.1.2",
     "@rollup/plugin-babel": "^5.3.0",
     "@rollup/plugin-commonjs": "^19.0.0",
     "@rollup/plugin-node-resolve": "^13.0.0",
     "@rollup/plugin-replace": "^2.4.2",
+    "@types/node": "^18.6.4",
+    "@types/react": "^18.0.15",
+    "@types/react-dom": "^18.0.6",
+    "@types/react-transition-group": "^4.4.5",
+    "@typescript-eslint/parser": "^5.21.0",
     "eslint": "8.18.0",
     "eslint-config-next": "12.2.0",
     "gulp": "^4.0.2",
@@ -53,6 +58,7 @@
     "rollup": "^2.52.1",
     "rollup-plugin-postcss": "^4.0.0",
     "rollup-plugin-terser": "^7.0.2",
-    "sass": "^1.53.0"
+    "sass": "^1.53.0",
+    "typescript": "^4.7.4"
   }
 }