oolib 2.129.3 → 2.129.5

package/dist/components/TextInputs/index.js

@@ -92,6 +92,7 @@ var _EXPORTS_1 = require("../../utils/_EXPORTS");
 var LoadersAndProgress_1 = require("../LoadersAndProgress");
 var OKELink_1 = require("../OKELink");
 var utilsOolib_1 = require("../../utilsOolib");
+var styled_components_1 = require("styled-components");
 var DisplayIcon = function (_a) {
     var icon = _a.icon, onClick = _a.onClick, size = _a.size;
     var IconComp = icons_1.icons[icon];
@@ -102,7 +103,8 @@ var TextInput = function (props) {
     actionBtn = props.actionBtn, clearBtn = props.clearBtn, className = props.className, maxLength = props.maxLength, DEPRECATED_maxNumLimiter = props.maxNumLimiter, forceFocus = props.forceFocus, //sometimes, when some other elem is clicked, we wanna trigger focus on the textinput. eg. when on mobile, the search icon is clicked on the listingpage
     _d = props.validateOnlyOnBlur, //sometimes, when some other elem is clicked, we wanna trigger focus on the textinput. eg. when on mobile, the search icon is clicked on the listingpage
     validateOnlyOnBlur = _d === void 0 ? false : _d, //for example, in the login form we want validation to only run, once the text input is blurred. else it can be irritating
-    _validationStatus = props.validationStatus, _e = props.displayValidationMsg, displayValidationMsg = _e === void 0 ? true : _e;
+    _validationStatus = props.validationStatus, _e = props.displayValidationMsg, displayValidationMsg = _e === void 0 ? true : _e, content = props.content, passValidationErrorToFormValidation = props.passValidationErrorToFormValidation;
+    var theme = (0, styled_components_1.useTheme)();
     var _f = (0, react_1.useState)(_validationStatus), validationStatus = _f[0], setValidationStatus = _f[1];
     (0, react_1.useEffect)(function () {
         setValidationStatus(_validationStatus);
@@ -112,9 +114,10 @@ var TextInput = function (props) {
     var actionBtnEnabaled = !!value && (type !== "url" ? true : (validationStatus === null || validationStatus === void 0 ? void 0 : validationStatus.type) === "success");
     var clearBtnEnabled = !!value && (type !== "url" ? true : (validationStatus === null || validationStatus === void 0 ? void 0 : validationStatus.type) === "success");
     var handleValidate = function (e, onBlur) { return __awaiter(void 0, void 0, void 0, function () {
-        var value, res;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
+        var value, res, validationPlugin, pluginResponse;
+        var _a, _b;
+        return __generator(this, function (_c) {
+            switch (_c.label) {
                 case 0:
                     onBlur && onBlur(e);
                     value = e.target.value;
@@ -125,10 +128,27 @@ var TextInput = function (props) {
                     if (!handleValidation) return [3 /*break*/, 2];
                     return [4 /*yield*/, handleValidation(value)];
                 case 1:
-                    res = _a.sent();
+                    res = _c.sent();
                     setValidationStatus(res);
-                    _a.label = 2;
-                case 2: return [2 /*return*/];
+                    _c.label = 2;
+                case 2:
+                    validationPlugin = (theme.componentPluginConfigs &&
+                        theme.getTenant &&
+                        ((_b = (_a = theme.componentPluginConfigs[theme.getTenant()]) === null || _a === void 0 ? void 0 : _a.TextInput) === null || _b === void 0 ? void 0 : _b.validationPlugin));
+                    if (!validationPlugin) return [3 /*break*/, 4];
+                    setValidationStatus('loading');
+                    return [4 /*yield*/, validationPlugin({
+                            value: value,
+                            content: content,
+                            passValidationErrorToFormValidation: passValidationErrorToFormValidation,
+                        })];
+                case 3:
+                    pluginResponse = _c.sent();
+                    console.log({ pluginResponse: pluginResponse });
+                    if (pluginResponse)
+                        return [2 /*return*/, pluginResponse];
+                    _c.label = 4;
+                case 4: return [2 /*return*/];
             }
         });
     }); };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "oolib",
-  "version": "2.129.3",
+  "version": "2.129.5",
   "description": " OKE Component Library",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",