kwikid-components-react
Version:
KwikID's Component Library in React
295 lines (294 loc) • 6.89 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.FIELD_STYLES = exports.FIELD_PROPERTIES = void 0;
const FIELD_PROPERTIES = exports.FIELD_PROPERTIES = {
"aadhaar-number": {
containerStyles: {},
mask: "# # # # - # # # # - # # # #"
},
api: {
containerStyles: {},
shape: null,
size: "m"
},
button: {
appearance: "primary",
class: "",
containerStyles: {},
icon: "",
iconRight: "",
loading: false,
shape: null,
size: "m",
styles: {
margin: "0rem auto",
width: "100%"
}
},
capture: {
containerStyles: {},
buttonText: "Camera",
icon: "tuiIconCameraLarge",
showMediaFiles: true,
uploadFileToServer: false,
isCroppedImage: false,
isMaskedImage: false,
cameraConfig: {
header: {
title: "Camera",
isBack: false,
isExpand: true,
isClose: true
},
footer: {
isUpload: true,
isFlip: false,
isSwitch: true
},
others: {
isFrontCamera: false,
flipHorizontal: false,
mask: {
shape: ""
},
preview: {
show: false,
header: {
isBack: false,
isClose: false
}
}
}
}
},
checkbox: {
containerStyles: {},
placeholder: "",
shape: "curved",
size: "m"
},
date: {
containerStyles: {},
maxCalculatedFromToday: {
year: 0,
month: 0,
day: 0
},
minCalculatedFromToday: {
year: new Date().getFullYear(),
month: new Date().getMonth(),
day: new Date().getDate()
},
placeholder: "",
postfix: "",
prefix: "",
shape: "curved",
size: "m"
},
datetime: {
containerStyles: {},
maxCalculatedFromToday: {
year: 0,
month: 0,
day: 0
},
minCalculatedFromToday: {
year: new Date().getFullYear(),
month: new Date().getMonth(),
day: new Date().getDate()
},
placeholder: "",
postfix: "",
prefix: "",
shape: "curved",
size: "m"
},
time: {
containerStyles: {},
maxCalculatedFromToday: {
year: 0,
month: 0,
day: 0
},
minCalculatedFromToday: {
year: new Date().getFullYear(),
month: new Date().getMonth(),
day: new Date().getDate()
},
placeholder: "",
postfix: "",
prefix: "",
shape: "curved",
size: "m"
},
"dropdown-with-search": {
searchable: true,
containerStyles: {}
},
email: {
case: "default",
containerStyles: {},
postfix: "",
prefix: ""
},
file: {
accept: "application/pdf",
containerStyles: {},
label: "drop a file or",
link: "click to upload",
maxFileSize: 1000000,
multiple: true,
size: "m",
uploadFileToServer: true
},
html: {
containerStyles: {}
},
image: {
after: "",
altText: "",
before: "",
class: "",
containerStyles: {},
html: {},
imageType: "url",
loadingType: "auto",
styles: ""
},
number: {
containerStyles: {},
delimiter: "",
decimal: "never",
max: Infinity,
min: -Infinity,
placeholder: "",
postfix: "",
precision: 2,
prefix: "",
shape: "curved",
size: "m"
},
otp: {
containerStyles: {},
mode: "multiple",
otpLength: 4,
placeholder: "",
size: "m"
},
password: {
containerStyles: {},
hintContent: "",
placeholder: "",
postfix: "",
prefix: "",
shape: "curved",
size: "m"
},
phone: {
containerStyles: {},
countryCode: "+91",
phoneMaskAfterCountryCode: "####-######",
placeholder: "",
postfix: "",
prefix: "",
removeCountryCodeFromValue: true
},
radio: {
containerStyles: {},
orientation: "vertical",
clearable: false,
searchable: false,
placeholder: "",
shape: "curved",
size: "m"
},
select: {
containerStyles: {},
clearable: true,
searchable: false,
isShowDropdownValue: true,
placeholder: "",
shape: "curved",
size: "m"
},
multiselect: {
containerStyles: {},
clearable: true,
searchable: false,
isShowDropdownValue: true,
placeholder: "",
shape: "curved",
size: "m"
},
slider: {
containerStyles: {},
max: 100,
min: 0,
postfix: "",
prefix: "",
quantum: 1,
size: "l",
steps: 0
},
"star-rating": {
color: "var(--tui-primary)",
containerStyles: {},
icon: `<svg xml:space="preserve" width="48px" viewBox="0 0 48 48" version="1.1" id="_x3C_Layer_x3E_" height="48px" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg"><g id="star_x2C__favorite"><path id="XMLID_2_" fill="transparent" stroke-width="3" stroke="var(--tui-rating-color)" d="M 23.3 38.6 l -10.9 5.7 c -1.2 0.6 -2.5 -0.4 -2.3 -1.6 l 2.1 -12.1 c 0.1 -0.5 -0.1 -1 -0.4 -1.4 l -8.8 -8.6 c -0.9 -0.9 -0.4 -2.5 0.9 -2.6 l 12.2 -1.8 c 0.5 -0.1 1 -0.4 1.2 -0.8 l 5.5 -11 c 0.6 -1.2 2.2 -1.2 2.8 0 l 5.5 11 c 0.2 0.5 0.7 0.8 1.2 0.8 l 12.2 1.8 c 1.3 0.2 1.8 1.8 0.9 2.6 l -8.8 8.6 c -0.4 0.4 -0.5 0.9 -0.4 1.4 l 2.1 12.1 c 0.2 1.3 -1.1 2.2 -2.3 1.6 l -10.9 -5.7 C 24.3 38.4 23.7 38.4 23.3 38.6 z"></path></g></svg>`,
iconMarked: `<svg xml:space="preserve" width="48px" viewBox="0 0 48 48" version="1.1" id="_x3C_Layer_x3E_" height="48px" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg"><g id="star_x2C__favorite"><path id="XMLID_2_" fill="var(--tui-rating-color)" stroke="var(--tui-rating-color)" stroke-width="3" d="M 23.3 38.6 l -10.9 5.7 c -1.2 0.6 -2.5 -0.4 -2.3 -1.6 l 2.1 -12.1 c 0.1 -0.5 -0.1 -1 -0.4 -1.4 l -8.8 -8.6 c -0.9 -0.9 -0.4 -2.5 0.9 -2.6 l 12.2 -1.8 c 0.5 -0.1 1 -0.4 1.2 -0.8 l 5.5 -11 c 0.6 -1.2 2.2 -1.2 2.8 0 l 5.5 11 c 0.2 0.5 0.7 0.8 1.2 0.8 l 12.2 1.8 c 1.3 0.2 1.8 1.8 0.9 2.6 l -8.8 8.6 c -0.4 0.4 -0.5 0.9 -0.4 1.4 l 2.1 12.1 c 0.2 1.3 -1.1 2.2 -2.3 1.6 l -10.9 -5.7 C 24.3 38.4 23.7 38.4 23.3 38.6 z"></path></g></svg>`,
max: 10,
min: 0,
placeholder: "",
size: "m"
},
text: {
containerStyles: {},
postfix: "",
prefix: "",
shape: "curved",
size: "m",
textCase: "default"
},
textarea: {
containerStyles: {},
placeholder: "",
shape: "curved",
size: "m",
textCase: "default"
},
title: {
containerStyles: {}
}
};
const FIELD_STYLES = exports.FIELD_STYLES = {
"aadhaar-number": {},
api: {
containerStyles: {},
shape: null,
size: "m"
},
button: {},
capture: {},
checkbox: {},
date: {},
datetime: {},
time: {},
"dropdown-with-search": {},
email: {},
file: {},
html: {},
image: {},
number: {},
otp: {},
password: {},
phone: {},
radio: {},
select: {},
multiselect: {},
slider: {},
"star-rating": {},
text: {},
textarea: {},
title: {}
};