kwikid-forms
Version:
KwikID's JSON Configuration based Forms Renderer and Builder
904 lines (903 loc) • 21.5 kB
TypeScript
export declare const TABLE_COLUMNS: string[];
export declare const OPTIONS: {
type: string[];
disabled: boolean[];
properties: {
button: {};
text: {
case: string[];
};
checkbox: {
contentAlign: string[];
size: string[];
variant: string[];
};
number: {
decimal: boolean[];
};
phone: {
removeCountryCodeFromValue: boolean[];
};
radio: {
orientation: string[];
size: string[];
};
"radio-list": {
orientation: string[];
size: string[];
};
slider: {
size: string[];
};
otp: {
size: string[];
mode: string[];
};
image: {
imageType: string[];
loadingType: string[];
};
"preview-image": {
imageType: string[];
loadingType: string[];
};
file: {};
capture: {};
};
validators: {
required: boolean[];
pattern: {
key: string[];
};
};
};
export declare const FIELD_VALIDATORS_CONFIG: {
required: boolean;
minLength: number;
maxLength: number;
pattern: {
key: string;
pattern: string;
};
min: number;
max: number;
};
export declare const FIELD_PROPERTIES_COMMON_CONFIG: {
readOnly: boolean;
placeholder: string;
};
export declare const FIELD_PROPERTIES_CONFIG: {
button: {
readOnly: boolean;
placeholder: string;
};
title: {
readOnly: boolean;
placeholder: string;
};
text: {
case: string;
readOnly: boolean;
placeholder: string;
};
textarea: {
readOnly: boolean;
placeholder: string;
};
checkbox: {
contentAlign: string;
size: string;
variant: string;
readOnly: boolean;
placeholder: string;
};
number: {
decimal: boolean;
min: number;
max: number;
postfix: string;
prefix: string;
precision: number;
readOnly: boolean;
placeholder: string;
};
date: {
min: {
month: number;
day: number;
year: number;
};
max: {
month: number;
day: number;
year: number;
};
minCalculated: {
month: number;
day: number;
year: number;
};
maxCalculated: {
month: number;
day: number;
year: number;
};
readOnly: boolean;
placeholder: string;
};
phone: {
countryCode: string;
phoneMaskAfterCountryCode: string;
removeCountryCodeFromValue: boolean;
readOnly: boolean;
placeholder: string;
};
radio: {
orientation: string;
size: string;
readOnly: boolean;
placeholder: string;
};
"radio-list": {
orientation: string;
size: string;
readOnly: boolean;
placeholder: string;
};
select: {
readOnly: boolean;
placeholder: string;
};
slider: {
min: number;
max: number;
quantum: number;
size: string;
steps: number;
readOnly: boolean;
placeholder: string;
};
otp: {
mask: string;
size: string;
mode: string;
otpLength: number;
readOnly: boolean;
placeholder: string;
};
api: {
readOnly: boolean;
placeholder: string;
};
"api-call": {
readOnly: boolean;
placeholder: string;
};
"aadhaar-number": {
readOnly: boolean;
placeholder: string;
};
"input-aadhaar": {
readOnly: boolean;
placeholder: string;
};
image: {
altText: string;
html: {
before: string;
after: string;
};
imageType: string;
loadingType: string;
styles: string;
class: string;
readOnly: boolean;
placeholder: string;
};
"preview-image": {
altText: string;
html: {
before: string;
after: string;
};
imageType: string;
loadingType: string;
styles: string;
class: string;
readOnly: boolean;
placeholder: string;
};
html: {
readOnly: boolean;
placeholder: string;
};
file: {
accept: string;
containerStyles: string;
label: string;
link: string;
maxFileSize: number;
multiple: boolean;
size: string;
uploadFileToServer: boolean;
readOnly: boolean;
placeholder: string;
};
capture: {
containerStyles: string;
buttonText: string;
icon: string;
showMediaFiles: boolean;
uploadFileToServer: boolean;
isCroppedImage: boolean;
isMaskedImage: boolean;
cameraConfig: {
header: {
title: string;
isBack: boolean;
isExpand: boolean;
isClose: boolean;
};
footer: {
isUpload: boolean;
isFlip: boolean;
isSwitch: boolean;
};
others: {
isFrontCamera: boolean;
flipHorizontal: boolean;
mask: {
shape: string;
};
preview: {
show: boolean;
header: {
isBack: boolean;
isClose: boolean;
};
};
};
};
readOnly: boolean;
placeholder: string;
};
};
export declare const FIELD_COMMON_CONFIG: {
key: string;
label: string;
disabled: boolean;
validators: {
required: boolean;
minLength: number;
maxLength: number;
pattern: {
key: string;
pattern: string;
};
min: number;
max: number;
};
};
export declare const FIELD_CONFIG: {
title: {
type: string;
properties: {
readOnly: boolean;
placeholder: string;
};
key: string;
label: string;
disabled: boolean;
validators: {
required: boolean;
minLength: number;
maxLength: number;
pattern: {
key: string;
pattern: string;
};
min: number;
max: number;
};
};
text: {
type: string;
properties: {
case: string;
readOnly: boolean;
placeholder: string;
};
key: string;
label: string;
disabled: boolean;
validators: {
required: boolean;
minLength: number;
maxLength: number;
pattern: {
key: string;
pattern: string;
};
min: number;
max: number;
};
};
button: {
type: string;
properties: {
readOnly: boolean;
placeholder: string;
};
key: string;
label: string;
disabled: boolean;
validators: {
required: boolean;
minLength: number;
maxLength: number;
pattern: {
key: string;
pattern: string;
};
min: number;
max: number;
};
};
textarea: {
type: string;
properties: {
readOnly: boolean;
placeholder: string;
};
key: string;
label: string;
disabled: boolean;
validators: {
required: boolean;
minLength: number;
maxLength: number;
pattern: {
key: string;
pattern: string;
};
min: number;
max: number;
};
};
checkbox: {
type: string;
properties: {
contentAlign: string;
size: string;
variant: string;
readOnly: boolean;
placeholder: string;
};
key: string;
label: string;
disabled: boolean;
validators: {
required: boolean;
minLength: number;
maxLength: number;
pattern: {
key: string;
pattern: string;
};
min: number;
max: number;
};
};
number: {
type: string;
properties: {
decimal: boolean;
min: number;
max: number;
postfix: string;
prefix: string;
precision: number;
readOnly: boolean;
placeholder: string;
};
key: string;
label: string;
disabled: boolean;
validators: {
required: boolean;
minLength: number;
maxLength: number;
pattern: {
key: string;
pattern: string;
};
min: number;
max: number;
};
};
date: {
type: string;
properties: {
min: {
month: number;
day: number;
year: number;
};
max: {
month: number;
day: number;
year: number;
};
minCalculated: {
month: number;
day: number;
year: number;
};
maxCalculated: {
month: number;
day: number;
year: number;
};
readOnly: boolean;
placeholder: string;
};
key: string;
label: string;
disabled: boolean;
validators: {
required: boolean;
minLength: number;
maxLength: number;
pattern: {
key: string;
pattern: string;
};
min: number;
max: number;
};
};
phone: {
type: string;
properties: {
countryCode: string;
phoneMaskAfterCountryCode: string;
removeCountryCodeFromValue: boolean;
readOnly: boolean;
placeholder: string;
};
key: string;
label: string;
disabled: boolean;
validators: {
required: boolean;
minLength: number;
maxLength: number;
pattern: {
key: string;
pattern: string;
};
min: number;
max: number;
};
};
radio: {
type: string;
properties: {
orientation: string;
size: string;
readOnly: boolean;
placeholder: string;
};
options: any[];
key: string;
label: string;
disabled: boolean;
validators: {
required: boolean;
minLength: number;
maxLength: number;
pattern: {
key: string;
pattern: string;
};
min: number;
max: number;
};
};
"radio-list": {
type: string;
properties: {
orientation: string;
size: string;
readOnly: boolean;
placeholder: string;
};
options: any[];
key: string;
label: string;
disabled: boolean;
validators: {
required: boolean;
minLength: number;
maxLength: number;
pattern: {
key: string;
pattern: string;
};
min: number;
max: number;
};
};
select: {
type: string;
properties: {
readOnly: boolean;
placeholder: string;
};
options: any[];
key: string;
label: string;
disabled: boolean;
validators: {
required: boolean;
minLength: number;
maxLength: number;
pattern: {
key: string;
pattern: string;
};
min: number;
max: number;
};
};
slider: {
type: string;
properties: {
min: number;
max: number;
quantum: number;
size: string;
steps: number;
readOnly: boolean;
placeholder: string;
};
key: string;
label: string;
disabled: boolean;
validators: {
required: boolean;
minLength: number;
maxLength: number;
pattern: {
key: string;
pattern: string;
};
min: number;
max: number;
};
};
otp: {
type: string;
properties: {
mask: string;
size: string;
mode: string;
otpLength: number;
readOnly: boolean;
placeholder: string;
};
key: string;
label: string;
disabled: boolean;
validators: {
required: boolean;
minLength: number;
maxLength: number;
pattern: {
key: string;
pattern: string;
};
min: number;
max: number;
};
};
api: {
type: string;
properties: {
readOnly: boolean;
placeholder: string;
};
key: string;
label: string;
disabled: boolean;
validators: {
required: boolean;
minLength: number;
maxLength: number;
pattern: {
key: string;
pattern: string;
};
min: number;
max: number;
};
};
"api-call": {
type: string;
properties: {
readOnly: boolean;
placeholder: string;
};
key: string;
label: string;
disabled: boolean;
validators: {
required: boolean;
minLength: number;
maxLength: number;
pattern: {
key: string;
pattern: string;
};
min: number;
max: number;
};
};
"aadhaar-number": {
type: string;
properties: {
readOnly: boolean;
placeholder: string;
};
key: string;
label: string;
disabled: boolean;
validators: {
required: boolean;
minLength: number;
maxLength: number;
pattern: {
key: string;
pattern: string;
};
min: number;
max: number;
};
};
"input-aadhaar": {
type: string;
properties: {
readOnly: boolean;
placeholder: string;
};
key: string;
label: string;
disabled: boolean;
validators: {
required: boolean;
minLength: number;
maxLength: number;
pattern: {
key: string;
pattern: string;
};
min: number;
max: number;
};
};
image: {
type: string;
properties: {
altText: string;
html: {
before: string;
after: string;
};
imageType: string;
loadingType: string;
styles: string;
class: string;
readOnly: boolean;
placeholder: string;
};
key: string;
label: string;
disabled: boolean;
validators: {
required: boolean;
minLength: number;
maxLength: number;
pattern: {
key: string;
pattern: string;
};
min: number;
max: number;
};
};
"preview-image": {
type: string;
properties: {
altText: string;
html: {
before: string;
after: string;
};
imageType: string;
loadingType: string;
styles: string;
class: string;
readOnly: boolean;
placeholder: string;
};
key: string;
label: string;
disabled: boolean;
validators: {
required: boolean;
minLength: number;
maxLength: number;
pattern: {
key: string;
pattern: string;
};
min: number;
max: number;
};
};
html: {
type: string;
properties: {
readOnly: boolean;
placeholder: string;
};
html: {
before: string;
after: string;
};
key: string;
label: string;
disabled: boolean;
validators: {
required: boolean;
minLength: number;
maxLength: number;
pattern: {
key: string;
pattern: string;
};
min: number;
max: number;
};
};
file: {
type: string;
properties: {
accept: string;
containerStyles: string;
label: string;
link: string;
maxFileSize: number;
multiple: boolean;
size: string;
uploadFileToServer: boolean;
readOnly: boolean;
placeholder: string;
};
key: string;
label: string;
disabled: boolean;
validators: {
required: boolean;
minLength: number;
maxLength: number;
pattern: {
key: string;
pattern: string;
};
min: number;
max: number;
};
};
capture: {
type: string;
properties: {
containerStyles: string;
buttonText: string;
icon: string;
showMediaFiles: boolean;
uploadFileToServer: boolean;
isCroppedImage: boolean;
isMaskedImage: boolean;
cameraConfig: {
header: {
title: string;
isBack: boolean;
isExpand: boolean;
isClose: boolean;
};
footer: {
isUpload: boolean;
isFlip: boolean;
isSwitch: boolean;
};
others: {
isFrontCamera: boolean;
flipHorizontal: boolean;
mask: {
shape: string;
};
preview: {
show: boolean;
header: {
isBack: boolean;
isClose: boolean;
};
};
};
};
readOnly: boolean;
placeholder: string;
};
key: string;
label: string;
disabled: boolean;
validators: {
required: boolean;
minLength: number;
maxLength: number;
pattern: {
key: string;
pattern: string;
};
min: number;
max: number;
};
};
};
export declare const NOFIELD_CONFIG: {
required: boolean;
type: string;
props: {
url: string;
title: string;
};
hidden: boolean;
disabled: boolean;
dependentOn: any[];
title: string;
properties: {
header: {
logo: {
src: string;
alt: string;
hidden: boolean;
};
backButton: {
mode: string;
bypassConfirmation: boolean;
hidden: boolean;
};
title: {
hidden: boolean;
label: string;
};
steps: {
hidden: boolean;
};
};
footer: {
viewFormsButton: {
bypassConfirmation: boolean;
hidden: boolean;
label: string;
};
saveButton: {
hidden: boolean;
label: string;
};
};
isUnsavedDataAlertEnabled: boolean;
};
fieldGroups: {};
};