hendrik/lens
1
0
Fork 0
mirror of https://github.com/lensapp/lens.git synced 2025-05-20 05:10:56 +00:00
Code Issues Projects Releases Wiki Activity

fix type errors

Browse Source 
Signed-off-by: Sebastian Malton <sebastian@malton.name>
This commit is contained in:
Sebastian Malton 2022-05-17 09:05:23 -04:00
parent cf13233a35
commit 8ce4bceea7
2 changed files with 18 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
src/renderer/components/input/input.tsx
View File

@ -12,15 +12,25 @@ import { Icon } from "../icon";
import type { TooltipProps } from "../tooltip"; import type { TooltipProps } from "../tooltip";
import { Tooltip } from "../tooltip"; import { Tooltip } from "../tooltip";
import * as Validators from "./input_validators"; import * as Validators from "./input_validators";
import type { InputValidator } from "./input_validators"; import type { InputValidator, InputValidation, InputValidationResult, SyncValidationMessageBuilder } from "./input_validators";
import isFunction from "lodash/isFunction"; import isFunction from "lodash/isFunction";
import uniqueId from "lodash/uniqueId"; import uniqueId from "lodash/uniqueId";
import { debounce } from "lodash"; import { debounce } from "lodash";
const { conditionalValidators, ...InputValidators } = Validators; const { conditionalValidators, AsyncInputValidationError, asyncInputValidator, inputValidator, ...InputValidators } = Validators;
export { InputValidators }; export {
export type { InputValidator }; InputValidators,
AsyncInputValidationError,
asyncInputValidator,
inputValidator,
};
export type {
InputValidator,
InputValidation,
InputValidationResult,
SyncValidationMessageBuilder,
};
type InputElement = HTMLInputElement | HTMLTextAreaElement; type InputElement = HTMLInputElement | HTMLTextAreaElement;
type InputElementProps = type InputElementProps =
@ -78,7 +88,7 @@ const defaultProps: Partial<InputProps> = {
blurOnEnter: true, blurOnEnter: true,
}; };
function isAsyncValidator(validator: InputValidator<boolean>): validator is InputValidator<true> { function isAsyncValidator<RequireProps extends boolean>(validator: InputValidator<boolean, RequireProps>): validator is InputValidator<true, RequireProps> {
return typeof validator.debounce === "number"; return typeof validator.debounce === "number";
} }
@ -86,7 +96,7 @@ export class Input extends React.Component<InputProps, State> {
static defaultProps = defaultProps as object; static defaultProps = defaultProps as object;
public input: InputElement | null = null; public input: InputElement | null = null;
public validators: InputValidator<boolean>[] = []; public validators: InputValidator[] = [];
public state: State = { public state: State = {
focused: false, focused: false,
@ -218,7 +228,7 @@ export class Input extends React.Component<InputProps, State> {
}); });
} }
private getValidatorError(value: string, { message }: InputValidator<boolean>) { private getValidatorError(value: string, { message }: InputValidator) {
if (isFunction(message)) return message(value, this.props); if (isFunction(message)) return message(value, this.props);
return message || ""; return message || "";

2
src/renderer/components/input/input_validators.ts
View File

@ -28,7 +28,7 @@ export type SyncValidationMessageBuilder<RequireProps extends boolean> = (
: (value: string, props?: InputProps) => ReactNode : (value: string, props?: InputProps) => ReactNode
); );
export type InputValidator<IsAsync extends boolean = boolean, RequireProps extends boolean = false> = { export type InputValidator<IsAsync extends boolean = boolean, RequireProps extends boolean = boolean> = {
/** /**
* Filters itself based on the input props * Filters itself based on the input props
*/ */