albinasoft-ui-package 1.1.44 → 1.1.46
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.
- package/LICENSE +21 -21
- package/dist/assets/css/custom-autocomplete-input.css +49 -49
- package/dist/assets/css/custom-datatable.css +2 -2
- package/dist/assets/css/custom-datetime-picker.css +779 -779
- package/dist/assets/css/custom-progress-bar.css +37 -37
- package/dist/assets/css/custom-select.css +62 -62
- package/dist/assets/css/custom-simple-select.css +117 -117
- package/dist/assets/css/custom-timeline.css +43 -43
- package/dist/assets/css/custom-treeview.css +83 -83
- package/dist/assets/css/dark.css +2159 -2159
- package/dist/assets/css/main.css +26664 -26664
- package/dist/components/AlbinaForm.d.ts +28 -28
- package/dist/components/AlbinaForm.js +88 -88
- package/dist/components/CustomAutocompleteInput.d.ts +23 -23
- package/dist/components/CustomAutocompleteInput.js +185 -185
- package/dist/components/CustomButton.d.ts +14 -14
- package/dist/components/CustomButton.js +98 -98
- package/dist/components/CustomCheckbox.d.ts +20 -20
- package/dist/components/CustomCheckbox.js +58 -58
- package/dist/components/CustomDatatable.d.ts +42 -42
- package/dist/components/CustomDatatable.js +92 -92
- package/dist/components/CustomDateTimePicker.d.ts +33 -33
- package/dist/components/CustomDateTimePicker.js +97 -91
- package/dist/components/CustomDivider.d.ts +51 -51
- package/dist/components/CustomDivider.js +87 -87
- package/dist/components/CustomFileUploader.d.ts +65 -65
- package/dist/components/CustomFileUploader.js +460 -460
- package/dist/components/CustomForm.d.ts +225 -225
- package/dist/components/CustomForm.js +259 -259
- package/dist/components/CustomInput.d.ts +37 -37
- package/dist/components/CustomInput.js +85 -85
- package/dist/components/CustomModal.d.ts +15 -15
- package/dist/components/CustomModal.js +17 -17
- package/dist/components/CustomPhoneInput.d.ts +29 -29
- package/dist/components/CustomPhoneInput.js +251 -251
- package/dist/components/CustomProgressBar.d.ts +9 -9
- package/dist/components/CustomProgressBar.js +40 -40
- package/dist/components/CustomRadioButton.d.ts +25 -25
- package/dist/components/CustomRadioButton.js +34 -34
- package/dist/components/CustomRichTextbox.d.ts +14 -14
- package/dist/components/CustomRichTextbox.js +89 -89
- package/dist/components/CustomSelect.d.ts +32 -32
- package/dist/components/CustomSelect.js +193 -193
- package/dist/components/CustomSimpleSelect.d.ts +21 -21
- package/dist/components/CustomSimpleSelect.js +64 -64
- package/dist/components/CustomTab.d.ts +44 -44
- package/dist/components/CustomTab.js +122 -122
- package/dist/components/CustomText.d.ts +72 -72
- package/dist/components/CustomText.js +158 -158
- package/dist/components/CustomTextarea.d.ts +22 -22
- package/dist/components/CustomTextarea.js +33 -33
- package/dist/components/CustomTimeline.d.ts +30 -30
- package/dist/components/CustomTimeline.js +80 -80
- package/dist/components/CustomTreeView.d.ts +20 -20
- package/dist/components/CustomTreeView.js +197 -168
- package/dist/index.d.ts +22 -22
- package/dist/index.js +48 -48
- package/package.json +45 -44
- package/readme.md +9 -9
@@ -1,85 +1,85 @@
|
|
1
|
-
"use strict";
|
2
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
3
|
-
if (k2 === undefined) k2 = k;
|
4
|
-
var desc = Object.getOwnPropertyDescriptor(m, k);
|
5
|
-
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
6
|
-
desc = { enumerable: true, get: function() { return m[k]; } };
|
7
|
-
}
|
8
|
-
Object.defineProperty(o, k2, desc);
|
9
|
-
}) : (function(o, m, k, k2) {
|
10
|
-
if (k2 === undefined) k2 = k;
|
11
|
-
o[k2] = m[k];
|
12
|
-
}));
|
13
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
14
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
15
|
-
}) : function(o, v) {
|
16
|
-
o["default"] = v;
|
17
|
-
});
|
18
|
-
var __importStar = (this && this.__importStar) || function (mod) {
|
19
|
-
if (mod && mod.__esModule) return mod;
|
20
|
-
var result = {};
|
21
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
22
|
-
__setModuleDefault(result, mod);
|
23
|
-
return result;
|
24
|
-
};
|
25
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
26
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
27
|
-
};
|
28
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
29
|
-
exports.InputType = exports.CustomInput = void 0;
|
30
|
-
var react_1 = __importStar(require("react"));
|
31
|
-
var react_bootstrap_1 = require("react-bootstrap");
|
32
|
-
var fa_1 = require("react-icons/fa");
|
33
|
-
var react_input_mask_1 = __importDefault(require("react-input-mask"));
|
34
|
-
var InputType;
|
35
|
-
(function (InputType) {
|
36
|
-
InputType["TEXT"] = "text";
|
37
|
-
InputType["NUMBER"] = "number";
|
38
|
-
InputType["TEL"] = "tel";
|
39
|
-
InputType["PASSWORD"] = "password";
|
40
|
-
InputType["EMAIL"] = "email";
|
41
|
-
InputType["FILE"] = "file";
|
42
|
-
})(InputType || (InputType = {}));
|
43
|
-
exports.InputType = InputType;
|
44
|
-
var CustomInput = function (_a) {
|
45
|
-
var id = _a.id, name = _a.name, label = _a.label, _b = _a.inputType, inputType = _b === void 0 ? InputType.TEXT : _b, value = _a.value, placeholder = _a.placeholder, _c = _a.required, required = _c === void 0 ? false : _c, errorMessage = _a.errorMessage, _d = _a.conditionalErrorVisible, conditionalErrorVisible = _d === void 0 ? false : _d, conditionalErrorMessage = _a.conditionalErrorMessage, _e = _a.disabled, disabled = _e === void 0 ? false : _e, _f = _a.readOnly, readOnly = _f === void 0 ? false : _f, buttonIcon = _a.buttonIcon, buttonClass = _a.buttonClass, buttonTooltip = _a.buttonTooltip, description = _a.description, tooltip = _a.tooltip, style = _a.style, mainClass = _a.mainClass, className = _a.className, buttonOnClick = _a.buttonOnClick, onChange = _a.onChange, onKeyDown = _a.onKeyDown;
|
46
|
-
var _g = (0, react_1.useState)(false), showPassword = _g[0], setShowPassword = _g[1];
|
47
|
-
var handleType = inputType === InputType.PASSWORD && showPassword
|
48
|
-
? InputType.TEXT
|
49
|
-
: inputType;
|
50
|
-
var togglePasswordVisibility = function () {
|
51
|
-
setShowPassword(function (prev) { return !prev; });
|
52
|
-
};
|
53
|
-
var renderInput = function () {
|
54
|
-
// If inputType is TEL, use ReactInputMask
|
55
|
-
if (inputType === InputType.TEL) {
|
56
|
-
return (react_1.default.createElement(react_input_mask_1.default, { mask: "0(999) 999 99 99", value: value, onChange: onChange, onKeyDown: onKeyDown, className: "form-control ".concat(className), style: style, required: required, disabled: disabled, readOnly: readOnly, autoComplete: "new-password" }));
|
57
|
-
}
|
58
|
-
// Otherwise, return a normal input element
|
59
|
-
return (react_1.default.createElement("input", { id: id, name: name, type: handleType, value: value, placeholder: placeholder, onChange: onChange, onKeyDown: onKeyDown, className: "form-control ".concat(className), style: style, required: required, disabled: disabled, readOnly: readOnly, autoComplete: "new-password" }));
|
60
|
-
};
|
61
|
-
return (react_1.default.createElement("div", { className: mainClass },
|
62
|
-
react_1.default.createElement("div", { className: "form-group" },
|
63
|
-
react_1.default.createElement("label", { htmlFor: id, className: "form-label" }, label),
|
64
|
-
react_1.default.createElement("div", { className: "input-group position-relative" },
|
65
|
-
tooltip ? (react_1.default.createElement(react_bootstrap_1.OverlayTrigger, { placement: "bottom", overlay: react_1.default.createElement(react_bootstrap_1.Tooltip, { id: "tooltip-".concat(tooltip) }, tooltip) }, renderInput())) : (renderInput()),
|
66
|
-
inputType === InputType.PASSWORD && (react_1.default.createElement("button", { type: "button", onClick: togglePasswordVisibility, className: "btn btn-outline-secondary", title: showPassword ? "Parolayı Gizle" : "Parolayı Göster" }, showPassword ? react_1.default.createElement(fa_1.FaEyeSlash, null) : react_1.default.createElement(fa_1.FaEye, null))),
|
67
|
-
buttonIcon && buttonOnClick && (react_1.default.createElement("button", { type: "button", onClick: buttonOnClick, className: buttonClass || "btn btn-outline-secondary", title: buttonTooltip || "" }, buttonIcon)),
|
68
|
-
required && (react_1.default.createElement("div", { className: "invalid-feedback text-danger" },
|
69
|
-
react_1.default.createElement("div", { className: "description-icon" },
|
70
|
-
react_1.default.createElement(fa_1.FaExclamationTriangle, null)),
|
71
|
-
react_1.default.createElement("div", { className: "description-text" },
|
72
|
-
react_1.default.createElement("span", null, errorMessage || "Bu alan boş bırakılamaz.")))),
|
73
|
-
conditionalErrorVisible && (react_1.default.createElement("div", { className: "conditional-error-message text-warning" },
|
74
|
-
react_1.default.createElement("div", { className: "description-icon" },
|
75
|
-
react_1.default.createElement(fa_1.FaExclamationTriangle, null)),
|
76
|
-
react_1.default.createElement("div", { className: "description-text" },
|
77
|
-
react_1.default.createElement("span", null, conditionalErrorMessage)))),
|
78
|
-
description && (react_1.default.createElement("div", { className: "form-description text-secondary" },
|
79
|
-
react_1.default.createElement("div", { className: "description-icon" },
|
80
|
-
react_1.default.createElement(fa_1.FaInfoCircle, null)),
|
81
|
-
react_1.default.createElement("div", { className: "description-text" },
|
82
|
-
react_1.default.createElement("span", null, description))))))));
|
83
|
-
};
|
84
|
-
exports.CustomInput = CustomInput;
|
85
|
-
exports.default = CustomInput;
|
1
|
+
"use strict";
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
3
|
+
if (k2 === undefined) k2 = k;
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
7
|
+
}
|
8
|
+
Object.defineProperty(o, k2, desc);
|
9
|
+
}) : (function(o, m, k, k2) {
|
10
|
+
if (k2 === undefined) k2 = k;
|
11
|
+
o[k2] = m[k];
|
12
|
+
}));
|
13
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
14
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
15
|
+
}) : function(o, v) {
|
16
|
+
o["default"] = v;
|
17
|
+
});
|
18
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
19
|
+
if (mod && mod.__esModule) return mod;
|
20
|
+
var result = {};
|
21
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
22
|
+
__setModuleDefault(result, mod);
|
23
|
+
return result;
|
24
|
+
};
|
25
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
26
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
27
|
+
};
|
28
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
29
|
+
exports.InputType = exports.CustomInput = void 0;
|
30
|
+
var react_1 = __importStar(require("react"));
|
31
|
+
var react_bootstrap_1 = require("react-bootstrap");
|
32
|
+
var fa_1 = require("react-icons/fa");
|
33
|
+
var react_input_mask_1 = __importDefault(require("react-input-mask"));
|
34
|
+
var InputType;
|
35
|
+
(function (InputType) {
|
36
|
+
InputType["TEXT"] = "text";
|
37
|
+
InputType["NUMBER"] = "number";
|
38
|
+
InputType["TEL"] = "tel";
|
39
|
+
InputType["PASSWORD"] = "password";
|
40
|
+
InputType["EMAIL"] = "email";
|
41
|
+
InputType["FILE"] = "file";
|
42
|
+
})(InputType || (InputType = {}));
|
43
|
+
exports.InputType = InputType;
|
44
|
+
var CustomInput = function (_a) {
|
45
|
+
var id = _a.id, name = _a.name, label = _a.label, _b = _a.inputType, inputType = _b === void 0 ? InputType.TEXT : _b, value = _a.value, placeholder = _a.placeholder, _c = _a.required, required = _c === void 0 ? false : _c, errorMessage = _a.errorMessage, _d = _a.conditionalErrorVisible, conditionalErrorVisible = _d === void 0 ? false : _d, conditionalErrorMessage = _a.conditionalErrorMessage, _e = _a.disabled, disabled = _e === void 0 ? false : _e, _f = _a.readOnly, readOnly = _f === void 0 ? false : _f, buttonIcon = _a.buttonIcon, buttonClass = _a.buttonClass, buttonTooltip = _a.buttonTooltip, description = _a.description, tooltip = _a.tooltip, style = _a.style, mainClass = _a.mainClass, className = _a.className, buttonOnClick = _a.buttonOnClick, onChange = _a.onChange, onKeyDown = _a.onKeyDown;
|
46
|
+
var _g = (0, react_1.useState)(false), showPassword = _g[0], setShowPassword = _g[1];
|
47
|
+
var handleType = inputType === InputType.PASSWORD && showPassword
|
48
|
+
? InputType.TEXT
|
49
|
+
: inputType;
|
50
|
+
var togglePasswordVisibility = function () {
|
51
|
+
setShowPassword(function (prev) { return !prev; });
|
52
|
+
};
|
53
|
+
var renderInput = function () {
|
54
|
+
// If inputType is TEL, use ReactInputMask
|
55
|
+
if (inputType === InputType.TEL) {
|
56
|
+
return (react_1.default.createElement(react_input_mask_1.default, { mask: "0(999) 999 99 99", value: value, onChange: onChange, onKeyDown: onKeyDown, className: "form-control ".concat(className), style: style, required: required, disabled: disabled, readOnly: readOnly, autoComplete: "new-password" }));
|
57
|
+
}
|
58
|
+
// Otherwise, return a normal input element
|
59
|
+
return (react_1.default.createElement("input", { id: id, name: name, type: handleType, value: value, placeholder: placeholder, onChange: onChange, onKeyDown: onKeyDown, className: "form-control ".concat(className), style: style, required: required, disabled: disabled, readOnly: readOnly, autoComplete: "new-password" }));
|
60
|
+
};
|
61
|
+
return (react_1.default.createElement("div", { className: mainClass },
|
62
|
+
react_1.default.createElement("div", { className: "form-group" },
|
63
|
+
react_1.default.createElement("label", { htmlFor: id, className: "form-label" }, label),
|
64
|
+
react_1.default.createElement("div", { className: "input-group position-relative" },
|
65
|
+
tooltip ? (react_1.default.createElement(react_bootstrap_1.OverlayTrigger, { placement: "bottom", overlay: react_1.default.createElement(react_bootstrap_1.Tooltip, { id: "tooltip-".concat(tooltip) }, tooltip) }, renderInput())) : (renderInput()),
|
66
|
+
inputType === InputType.PASSWORD && (react_1.default.createElement("button", { type: "button", onClick: togglePasswordVisibility, className: "btn btn-outline-secondary", title: showPassword ? "Parolayı Gizle" : "Parolayı Göster" }, showPassword ? react_1.default.createElement(fa_1.FaEyeSlash, null) : react_1.default.createElement(fa_1.FaEye, null))),
|
67
|
+
buttonIcon && buttonOnClick && (react_1.default.createElement("button", { type: "button", onClick: buttonOnClick, className: buttonClass || "btn btn-outline-secondary", title: buttonTooltip || "" }, buttonIcon)),
|
68
|
+
required && (react_1.default.createElement("div", { className: "invalid-feedback text-danger" },
|
69
|
+
react_1.default.createElement("div", { className: "description-icon" },
|
70
|
+
react_1.default.createElement(fa_1.FaExclamationTriangle, null)),
|
71
|
+
react_1.default.createElement("div", { className: "description-text" },
|
72
|
+
react_1.default.createElement("span", null, errorMessage || "Bu alan boş bırakılamaz.")))),
|
73
|
+
conditionalErrorVisible && (react_1.default.createElement("div", { className: "conditional-error-message text-warning" },
|
74
|
+
react_1.default.createElement("div", { className: "description-icon" },
|
75
|
+
react_1.default.createElement(fa_1.FaExclamationTriangle, null)),
|
76
|
+
react_1.default.createElement("div", { className: "description-text" },
|
77
|
+
react_1.default.createElement("span", null, conditionalErrorMessage)))),
|
78
|
+
description && (react_1.default.createElement("div", { className: "form-description text-secondary" },
|
79
|
+
react_1.default.createElement("div", { className: "description-icon" },
|
80
|
+
react_1.default.createElement(fa_1.FaInfoCircle, null)),
|
81
|
+
react_1.default.createElement("div", { className: "description-text" },
|
82
|
+
react_1.default.createElement("span", null, description))))))));
|
83
|
+
};
|
84
|
+
exports.CustomInput = CustomInput;
|
85
|
+
exports.default = CustomInput;
|
@@ -1,15 +1,15 @@
|
|
1
|
-
import React from 'react';
|
2
|
-
import '../assets/css/custom-autocomplete-input.css';
|
3
|
-
interface CustomModalProps {
|
4
|
-
show: boolean;
|
5
|
-
title?: React.ReactNode;
|
6
|
-
size?: 'sm' | 'md' | 'lg' | 'xl' | 'fullscreen';
|
7
|
-
onHide: () => void;
|
8
|
-
children?: React.ReactNode;
|
9
|
-
footer?: React.ReactNode;
|
10
|
-
style?: React.CSSProperties;
|
11
|
-
bodyStyle?: React.CSSProperties;
|
12
|
-
onlyBody?: boolean;
|
13
|
-
}
|
14
|
-
declare const CustomModal: React.FC<CustomModalProps>;
|
15
|
-
export default CustomModal;
|
1
|
+
import React from 'react';
|
2
|
+
import '../assets/css/custom-autocomplete-input.css';
|
3
|
+
interface CustomModalProps {
|
4
|
+
show: boolean;
|
5
|
+
title?: React.ReactNode;
|
6
|
+
size?: 'sm' | 'md' | 'lg' | 'xl' | 'fullscreen';
|
7
|
+
onHide: () => void;
|
8
|
+
children?: React.ReactNode;
|
9
|
+
footer?: React.ReactNode;
|
10
|
+
style?: React.CSSProperties;
|
11
|
+
bodyStyle?: React.CSSProperties;
|
12
|
+
onlyBody?: boolean;
|
13
|
+
}
|
14
|
+
declare const CustomModal: React.FC<CustomModalProps>;
|
15
|
+
export default CustomModal;
|
@@ -1,17 +1,17 @@
|
|
1
|
-
"use strict";
|
2
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
3
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
4
|
-
};
|
5
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
6
|
-
var react_1 = __importDefault(require("react"));
|
7
|
-
var react_bootstrap_1 = require("react-bootstrap");
|
8
|
-
require("../assets/css/custom-autocomplete-input.css");
|
9
|
-
var CustomModal = function (_a) {
|
10
|
-
var show = _a.show, _b = _a.title, title = _b === void 0 ? 'Default Title' : _b, _c = _a.size, size = _c === void 0 ? 'md' : _c, onHide = _a.onHide, children = _a.children, footer = _a.footer, style = _a.style, bodyStyle = _a.bodyStyle, _d = _a.onlyBody, onlyBody = _d === void 0 ? false : _d;
|
11
|
-
return (react_1.default.createElement(react_bootstrap_1.Modal, { show: show, onHide: onHide, size: size !== 'fullscreen' && size !== 'md' ? size : undefined, fullscreen: size === 'fullscreen' ? true : undefined, centered: size !== 'fullscreen', style: style }, onlyBody ? (react_1.default.createElement(react_bootstrap_1.Modal.Body, { style: bodyStyle }, children)) : (react_1.default.createElement(react_1.default.Fragment, null,
|
12
|
-
react_1.default.createElement(react_bootstrap_1.Modal.Header, { closeButton: true },
|
13
|
-
react_1.default.createElement(react_bootstrap_1.Modal.Title, null, title)),
|
14
|
-
react_1.default.createElement(react_bootstrap_1.Modal.Body, { style: bodyStyle }, children),
|
15
|
-
footer && react_1.default.createElement(react_bootstrap_1.Modal.Footer, null, footer)))));
|
16
|
-
};
|
17
|
-
exports.default = CustomModal;
|
1
|
+
"use strict";
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
4
|
+
};
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
6
|
+
var react_1 = __importDefault(require("react"));
|
7
|
+
var react_bootstrap_1 = require("react-bootstrap");
|
8
|
+
require("../assets/css/custom-autocomplete-input.css");
|
9
|
+
var CustomModal = function (_a) {
|
10
|
+
var show = _a.show, _b = _a.title, title = _b === void 0 ? 'Default Title' : _b, _c = _a.size, size = _c === void 0 ? 'md' : _c, onHide = _a.onHide, children = _a.children, footer = _a.footer, style = _a.style, bodyStyle = _a.bodyStyle, _d = _a.onlyBody, onlyBody = _d === void 0 ? false : _d;
|
11
|
+
return (react_1.default.createElement(react_bootstrap_1.Modal, { show: show, onHide: onHide, size: size !== 'fullscreen' && size !== 'md' ? size : undefined, fullscreen: size === 'fullscreen' ? true : undefined, centered: size !== 'fullscreen', style: style }, onlyBody ? (react_1.default.createElement(react_bootstrap_1.Modal.Body, { style: bodyStyle }, children)) : (react_1.default.createElement(react_1.default.Fragment, null,
|
12
|
+
react_1.default.createElement(react_bootstrap_1.Modal.Header, { closeButton: true },
|
13
|
+
react_1.default.createElement(react_bootstrap_1.Modal.Title, null, title)),
|
14
|
+
react_1.default.createElement(react_bootstrap_1.Modal.Body, { style: bodyStyle }, children),
|
15
|
+
footer && react_1.default.createElement(react_bootstrap_1.Modal.Footer, null, footer)))));
|
16
|
+
};
|
17
|
+
exports.default = CustomModal;
|
@@ -1,29 +1,29 @@
|
|
1
|
-
import React from 'react';
|
2
|
-
interface Props {
|
3
|
-
id?: string;
|
4
|
-
name?: string;
|
5
|
-
label?: string;
|
6
|
-
value: string;
|
7
|
-
placeholder?: string;
|
8
|
-
placeholderWhenUnselectedCountryCode?: string;
|
9
|
-
placeholderForCountryCode?: string;
|
10
|
-
required?: boolean;
|
11
|
-
submitted?: boolean;
|
12
|
-
errorMessage?: string;
|
13
|
-
conditionalErrorVisible?: boolean;
|
14
|
-
conditionalErrorMessage?: string;
|
15
|
-
conditionalErrorVisibleForCountryCode?: boolean;
|
16
|
-
conditionalErrorMessageForCountryCode?: string;
|
17
|
-
disabled?: boolean;
|
18
|
-
readOnly?: boolean;
|
19
|
-
description?: string | null;
|
20
|
-
descriptionForCountryCode?: string | null;
|
21
|
-
tooltip?: string;
|
22
|
-
style?: React.CSSProperties;
|
23
|
-
mainClass?: string;
|
24
|
-
className?: string;
|
25
|
-
countryCodeText?: string;
|
26
|
-
onChange: (full: string) => void;
|
27
|
-
}
|
28
|
-
declare const CustomPhoneInput: React.FC<Props>;
|
29
|
-
export default CustomPhoneInput;
|
1
|
+
import React from 'react';
|
2
|
+
interface Props {
|
3
|
+
id?: string;
|
4
|
+
name?: string;
|
5
|
+
label?: string;
|
6
|
+
value: string;
|
7
|
+
placeholder?: string;
|
8
|
+
placeholderWhenUnselectedCountryCode?: string;
|
9
|
+
placeholderForCountryCode?: string;
|
10
|
+
required?: boolean;
|
11
|
+
submitted?: boolean;
|
12
|
+
errorMessage?: string;
|
13
|
+
conditionalErrorVisible?: boolean;
|
14
|
+
conditionalErrorMessage?: string;
|
15
|
+
conditionalErrorVisibleForCountryCode?: boolean;
|
16
|
+
conditionalErrorMessageForCountryCode?: string;
|
17
|
+
disabled?: boolean;
|
18
|
+
readOnly?: boolean;
|
19
|
+
description?: string | null;
|
20
|
+
descriptionForCountryCode?: string | null;
|
21
|
+
tooltip?: string;
|
22
|
+
style?: React.CSSProperties;
|
23
|
+
mainClass?: string;
|
24
|
+
className?: string;
|
25
|
+
countryCodeText?: string;
|
26
|
+
onChange: (full: string) => void;
|
27
|
+
}
|
28
|
+
declare const CustomPhoneInput: React.FC<Props>;
|
29
|
+
export default CustomPhoneInput;
|