@syncfusion/ej2-react-inputs
Version:
A package of Essential JS 2 input components such as Textbox, Color-picker, Masked-textbox, Numeric-textbox, Slider, Upload, and Form-validator that is used to get input from the users. for React
50 lines (49 loc) • 1.95 kB
JavaScript
var __extends = (this && this.__extends) || (function () {
var extendStatics = function (d, b) {
extendStatics = Object.setPrototypeOf ||
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
return extendStatics(d, b);
};
return function (d, b) {
extendStatics(d, b);
function __() { this.constructor = d; }
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
};
})();
import * as React from 'react';
import { OtpInput } from '@syncfusion/ej2-inputs';
import { ComponentBase, applyMixins } from '@syncfusion/ej2-react-base';
/**
* Represents the React OtpInput Component
* ```html
* <OtpInputComponent value={value}></OtpInputComponent>
* ```
*/
var OtpInputComponent = /** @class */ (function (_super) {
__extends(OtpInputComponent, _super);
function OtpInputComponent(props) {
var _this = _super.call(this, props) || this;
_this.initRenderCalled = false;
_this.checkInjectedModules = false;
_this.statelessTemplateProps = null;
_this.templateProps = null;
_this.immediateRender = true;
_this.isReactMock = true;
_this.portals = [];
return _this;
}
OtpInputComponent.prototype.render = function () {
this.isReactMock = false;
if (((this.element && !this.initRenderCalled) || this.refreshing) && !this.isReactForeceUpdate) {
_super.prototype.render.call(this);
this.initRenderCalled = true;
}
else {
return React.createElement('div', this.getDefaultAttributes(), [].concat(this.props.children, this.portals));
}
};
return OtpInputComponent;
}(OtpInput));
export { OtpInputComponent };
applyMixins(OtpInputComponent, [ComponentBase, React.Component]);