albinasoft-ui-package 1.1.12 → 1.1.13
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -14,6 +14,7 @@ declare enum ElementType {
|
|
14
14
|
TREEVIEW = "treeview",
|
15
15
|
BUTTON = "button",
|
16
16
|
AUTOCOMPLETEINPUT = "autocompleteinput",
|
17
|
+
PHONE = "phone",
|
17
18
|
FILEUPLOADER = "fileuploader"
|
18
19
|
}
|
19
20
|
interface InputElement {
|
@@ -160,6 +161,17 @@ interface AutoCompleteInputElement {
|
|
160
161
|
fetchOptions: (query: string) => Promise<string[]>;
|
161
162
|
onSelect: (value: string) => void;
|
162
163
|
}
|
164
|
+
interface PhoneElement {
|
165
|
+
id?: string;
|
166
|
+
type: ElementType;
|
167
|
+
label: string;
|
168
|
+
value: string;
|
169
|
+
rowId?: number;
|
170
|
+
colId?: number;
|
171
|
+
innerRowId?: number;
|
172
|
+
colClass?: string;
|
173
|
+
onChange: (full: string) => void;
|
174
|
+
}
|
163
175
|
interface FileUploaderElement {
|
164
176
|
id: string;
|
165
177
|
type: ElementType.FILEUPLOADER;
|
@@ -178,7 +190,7 @@ interface FileUploaderElement {
|
|
178
190
|
innerRowId?: number;
|
179
191
|
colClass?: string;
|
180
192
|
}
|
181
|
-
type FormElement = InputElement | TextareaElement | CheckboxElement | RadioButtonElement | SelectElement | DateTimePickerElement | TextElement | DividerElement | RichTextboxElement | TreeViewElement | ButtonElement | AutoCompleteInputElement | FileUploaderElement;
|
193
|
+
type FormElement = InputElement | TextareaElement | CheckboxElement | RadioButtonElement | SelectElement | DateTimePickerElement | TextElement | DividerElement | RichTextboxElement | TreeViewElement | ButtonElement | AutoCompleteInputElement | PhoneElement | FileUploaderElement;
|
182
194
|
interface CustomFormProps {
|
183
195
|
elements: FormElement[];
|
184
196
|
innerRowCustomClass?: string;
|
@@ -89,6 +89,7 @@ var CustomRichTextbox_1 = __importDefault(require("./CustomRichTextbox"));
|
|
89
89
|
var CustomTreeView_1 = __importDefault(require("./CustomTreeView"));
|
90
90
|
var CustomAutocompleteInput_1 = __importDefault(require("./CustomAutocompleteInput"));
|
91
91
|
var CustomFileUploader_1 = __importDefault(require("./CustomFileUploader"));
|
92
|
+
var CustomPhoneInput_1 = __importDefault(require("./CustomPhoneInput"));
|
92
93
|
var ElementType;
|
93
94
|
(function (ElementType) {
|
94
95
|
ElementType["INPUT"] = "input";
|
@@ -103,6 +104,7 @@ var ElementType;
|
|
103
104
|
ElementType["TREEVIEW"] = "treeview";
|
104
105
|
ElementType["BUTTON"] = "button";
|
105
106
|
ElementType["AUTOCOMPLETEINPUT"] = "autocompleteinput";
|
107
|
+
ElementType["PHONE"] = "phone";
|
106
108
|
ElementType["FILEUPLOADER"] = "fileuploader";
|
107
109
|
})(ElementType || (ElementType = {}));
|
108
110
|
exports.ElementType = ElementType;
|
@@ -221,7 +223,7 @@ var CustomForm = function (_a) {
|
|
221
223
|
var colId = _a[0], innerRows = _a[1];
|
222
224
|
return (react_1.default.createElement("div", { className: "col", key: "col-".concat(rowId, "-").concat(colId) }, Object.entries(innerRows).map(function (_a) {
|
223
225
|
var innerRowId = _a[0], elements = _a[1];
|
224
|
-
return (react_1.default.createElement("div", { className: "row ".concat(innerRowCustomClass), key: "inner-row-".concat(rowId, "-").concat(colId, "-").concat(innerRowId) }, elements.map(function (element) { return (react_1.default.createElement("div", { className: element.colClass || "col-12", key: element.id }, element.type === ElementType.TEXT ? (react_1.default.createElement(CustomText_1.default, __assign({}, element))) : element.type === ElementType.INPUT ? (react_1.default.createElement(CustomInput_1.default, __assign({}, element))) : element.type === ElementType.TEXTAREA ? (react_1.default.createElement(CustomTextarea_1.default, __assign({}, element))) : element.type === ElementType.CHECKBOX ? (react_1.default.createElement(CustomCheckbox_1.default, __assign({}, element))) : element.type === ElementType.RADIO ? (react_1.default.createElement(CustomRadioButton_1.default, __assign({}, element))) : element.type === ElementType.SELECT ? (react_1.default.createElement(CustomSelect_1.default, __assign({}, element, { submitted: submitted }))) : element.type === ElementType.DATETIMEPICKER ? (react_1.default.createElement(CustomDateTimePicker_1.default, __assign({}, element, { submitted: submitted }))) : element.type === ElementType.DIVIDER ? (react_1.default.createElement(CustomDivider_1.default, __assign({}, element))) : element.type === ElementType.RICHTEXTBOX ? (react_1.default.createElement(CustomRichTextbox_1.default, __assign({}, element))) : element.type === ElementType.TREEVIEW ? (react_1.default.createElement(CustomTreeView_1.default, __assign({}, element))) : element.type === ElementType.BUTTON ? (react_1.default.createElement(CustomButton_1.default, __assign({}, element, { isLoading: isLoading }))) : element.type === ElementType.AUTOCOMPLETEINPUT ? (react_1.default.createElement(CustomAutocompleteInput_1.default, __assign({}, element))) : element.type === ElementType.FILEUPLOADER ? (
|
226
|
+
return (react_1.default.createElement("div", { className: "row ".concat(innerRowCustomClass), key: "inner-row-".concat(rowId, "-").concat(colId, "-").concat(innerRowId) }, elements.map(function (element) { return (react_1.default.createElement("div", { className: element.colClass || "col-12", key: element.id }, element.type === ElementType.TEXT ? (react_1.default.createElement(CustomText_1.default, __assign({}, element))) : element.type === ElementType.INPUT ? (react_1.default.createElement(CustomInput_1.default, __assign({}, element))) : element.type === ElementType.TEXTAREA ? (react_1.default.createElement(CustomTextarea_1.default, __assign({}, element))) : element.type === ElementType.CHECKBOX ? (react_1.default.createElement(CustomCheckbox_1.default, __assign({}, element))) : element.type === ElementType.RADIO ? (react_1.default.createElement(CustomRadioButton_1.default, __assign({}, element))) : element.type === ElementType.SELECT ? (react_1.default.createElement(CustomSelect_1.default, __assign({}, element, { submitted: submitted }))) : element.type === ElementType.DATETIMEPICKER ? (react_1.default.createElement(CustomDateTimePicker_1.default, __assign({}, element, { submitted: submitted }))) : element.type === ElementType.DIVIDER ? (react_1.default.createElement(CustomDivider_1.default, __assign({}, element))) : element.type === ElementType.RICHTEXTBOX ? (react_1.default.createElement(CustomRichTextbox_1.default, __assign({}, element))) : element.type === ElementType.TREEVIEW ? (react_1.default.createElement(CustomTreeView_1.default, __assign({}, element))) : element.type === ElementType.BUTTON ? (react_1.default.createElement(CustomButton_1.default, __assign({}, element, { isLoading: isLoading }))) : element.type === ElementType.AUTOCOMPLETEINPUT ? (react_1.default.createElement(CustomAutocompleteInput_1.default, __assign({}, element))) : element.type === ElementType.PHONE ? (react_1.default.createElement(CustomPhoneInput_1.default, __assign({}, element))) : element.type === ElementType.FILEUPLOADER ? (
|
225
227
|
// FILEUPLOADER elemanı için CustomFileUploader'ı render ediyoruz
|
226
228
|
react_1.default.createElement(react_1.default.Fragment, null,
|
227
229
|
react_1.default.createElement(CustomFileUploader_1.default, { url: element.url, multi: element.multi, allowedTypes: element.allowedTypes, maxFile: element.maxFile, maxSize: element.maxSize, onUploadComplete: element.onUploadComplete, onRemoveUploaded: element.onRemoveUploaded, onPendingChange: element.onPendingChange, label: element.label, translations: element.translations }))) : null)); })));
|