oolib 2.203.2 → 2.204.0
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/dist/components/LoadersAndProgress/utils/index.d.ts +2 -2
- package/dist/components/LoadersAndProgress/utils/index.js +4 -4
- package/dist/v2/components/TextInputs/derivedComps/PhoneInput.d.ts +3 -1
- package/dist/v2/components/TextInputs/derivedComps/PhoneInput.js +3 -3
- package/package.json +1 -1
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { UI_BODY_DF, UI_BODY_SM_DF, UI_TITLE } from "../../../v2/components/Typo2";
|
|
2
2
|
export type LoaderSize = 'L' | 'S' | 'M';
|
|
3
3
|
export interface DimensionResult {
|
|
4
|
-
TypoComp: typeof
|
|
4
|
+
TypoComp: typeof UI_BODY_DF | typeof UI_BODY_SM_DF | typeof UI_TITLE;
|
|
5
5
|
trackThickness: number;
|
|
6
6
|
diameter: number;
|
|
7
7
|
}
|
|
@@ -1,17 +1,17 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.getTypoAndLoaderDimensions = void 0;
|
|
4
|
-
var
|
|
4
|
+
var Typo2_1 = require("../../../v2/components/Typo2");
|
|
5
5
|
var getTypoAndLoaderDimensions = function (size) {
|
|
6
6
|
if (size === void 0) { size = 'M'; }
|
|
7
7
|
switch (size) {
|
|
8
8
|
case 'L':
|
|
9
|
-
return { TypoComp:
|
|
9
|
+
return { TypoComp: Typo2_1.UI_TITLE, trackThickness: 10, diameter: 70 };
|
|
10
10
|
case 'S':
|
|
11
|
-
return { TypoComp:
|
|
11
|
+
return { TypoComp: Typo2_1.UI_BODY_SM_DF, trackThickness: 3.65, diameter: 21.35 };
|
|
12
12
|
case 'M':
|
|
13
13
|
default:
|
|
14
|
-
return { TypoComp:
|
|
14
|
+
return { TypoComp: Typo2_1.UI_BODY_DF, trackThickness: 7, diameter: 43 };
|
|
15
15
|
}
|
|
16
16
|
};
|
|
17
17
|
exports.getTypoAndLoaderDimensions = getTypoAndLoaderDimensions;
|
|
@@ -1,5 +1,7 @@
|
|
|
1
|
-
export function PhoneInput({ passValidationErrorToFormValidation, ...props }: {
|
|
1
|
+
export function PhoneInput({ passValidationErrorToFormValidation, minPhoneNoLength, maxPhoneNoLength, ...props }: {
|
|
2
2
|
[x: string]: any;
|
|
3
3
|
passValidationErrorToFormValidation: any;
|
|
4
|
+
minPhoneNoLength?: number;
|
|
5
|
+
maxPhoneNoLength?: number;
|
|
4
6
|
}): React.JSX.Element;
|
|
5
7
|
import React from "react";
|
|
@@ -29,7 +29,7 @@ exports.PhoneInput = void 0;
|
|
|
29
29
|
var react_1 = __importDefault(require("react"));
|
|
30
30
|
var __1 = require("..");
|
|
31
31
|
var PhoneInput = function (_a) {
|
|
32
|
-
var passValidationErrorToFormValidation = _a.passValidationErrorToFormValidation, props = __rest(_a, ["passValidationErrorToFormValidation"]);
|
|
32
|
+
var passValidationErrorToFormValidation = _a.passValidationErrorToFormValidation, _b = _a.minPhoneNoLength, minPhoneNoLength = _b === void 0 ? 9 : _b, _c = _a.maxPhoneNoLength, maxPhoneNoLength = _c === void 0 ? 11 : _c, props = __rest(_a, ["passValidationErrorToFormValidation", "minPhoneNoLength", "maxPhoneNoLength"]);
|
|
33
33
|
var handleValidation = function (value) {
|
|
34
34
|
var errorObj;
|
|
35
35
|
if (isNaN(value)) {
|
|
@@ -38,7 +38,7 @@ var PhoneInput = function (_a) {
|
|
|
38
38
|
passValidationErrorToFormValidation(errorObj.type);
|
|
39
39
|
return errorObj;
|
|
40
40
|
}
|
|
41
|
-
if (value.length <
|
|
41
|
+
if (value.length < minPhoneNoLength) {
|
|
42
42
|
errorObj = { type: "error", msg: "Enter a valid phone number" };
|
|
43
43
|
if (passValidationErrorToFormValidation)
|
|
44
44
|
passValidationErrorToFormValidation(errorObj.type);
|
|
@@ -48,6 +48,6 @@ var PhoneInput = function (_a) {
|
|
|
48
48
|
if (passValidationErrorToFormValidation)
|
|
49
49
|
passValidationErrorToFormValidation("success");
|
|
50
50
|
};
|
|
51
|
-
return (react_1.default.createElement(__1.TextInput, __assign({ type: "tel", placeholder: "Enter Phone...", handleValidation: handleValidation, maxLength:
|
|
51
|
+
return (react_1.default.createElement(__1.TextInput, __assign({ type: "tel", placeholder: "Enter Phone...", handleValidation: handleValidation, maxLength: maxPhoneNoLength }, props)));
|
|
52
52
|
};
|
|
53
53
|
exports.PhoneInput = PhoneInput;
|