PromucFlow_constructor/app/client/src/widgets/InputWidget.tsx
Nikhil Nandagopal 5f6aeb55f8 added new control types
removed alert from widget list
added property config values
added input validator
2019-09-19 16:59:24 +05:30

41 lines
853 B
TypeScript

import React from "react";
import BaseWidget, { WidgetProps, WidgetState } from "./BaseWidget";
import { WidgetType } from "../constants/WidgetConstants";
class InputWidget extends BaseWidget<InputWidgetProps, WidgetState> {
getPageView() {
return <div />;
}
getWidgetType(): WidgetType {
return "INPUT_WIDGET";
}
}
export type InputType =
| "TEXT"
| "NUMBER"
| "INTEGER"
| "PHONE_NUMBER"
| "EMAIL"
| "PASSWORD"
| "CURRENCY"
| "SEARCH";
export interface InputValidator {
validationRegex: string;
errorMessage: string;
}
export interface InputWidgetProps extends WidgetProps {
inputType: InputType;
defaultText?: string;
placeholderText?: string;
maxChars?: number;
label: string;
inputValidators: InputValidator[];
focusIndex?: number;
isAutoFocusEnabled?: boolean;
}
export default InputWidget;