oolib 2.21.2 → 2.21.3

package/dist/components/TextInputs/index.d.ts

@@ -2,5 +2,8 @@ export function TextInput(props: any): JSX.Element;
 export function PasswordInput(props: any): JSX.Element;
 export function EmailInput(props: any): JSX.Element;
 export function PhoneInput(props: any): JSX.Element;
-export function URLInput(props: any): JSX.Element;
+export function URLInput({ routesAreValidInputs, ...props }: {
+    [x: string]: any;
+    routesAreValidInputs?: boolean;
+}): JSX.Element;
 export function NumberInput(props: any): JSX.Element;

package/dist/components/TextInputs/index.js

@@ -69,16 +69,27 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
         if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
     }
 };
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.NumberInput = exports.URLInput = exports.PhoneInput = exports.EmailInput = exports.PasswordInput = exports.TextInput = void 0;
 var react_1 = __importStar(require("react"));
 var index_styled_1 = require("./index.styled");
 var icons_1 = require("../../icons");
-var LoadersAndProgress_1 = require("../LoadersAndProgress");
 var BlockLabel_1 = require("../BlockLabel");
 var Typo_1 = require("../Typo");
 var Buttons_1 = require("../Buttons");
 var _EXPORTS_1 = require("../../utils/_EXPORTS");
+var LoadersAndProgress_1 = require("../LoadersAndProgress");
 var DisplayIcon = function (_a) {
     var icon = _a.icon, onClick = _a.onClick, size = _a.size;
     var IconComp = icons_1.icons[icon];
@@ -125,8 +136,8 @@ var TextInput = function (props) {
                 react_1.default.createElement(index_styled_1.InputContainerStyled, { invert: invert, type: type, disabled: disabled, status: inputStatus === null || inputStatus === void 0 ? void 0 : inputStatus.type, eyeIcon: eyeIcon, composition: composition },
                     icon && (react_1.default.createElement(DisplayIcon, { icon: icon, size: S ? 15 : 20, onClick: iconOnClick || null })),
                     react_1.default.createElement(index_styled_1.InputStyled, { className: size === 'S' ? 'SANS_2' : 'SANS_3', id: id, type: type, name: type, placeholder: placeholder, value: value, onChange: handleOnChange, maxLength: maxNumLimiter, onBlur: handleValidateOnBlur, onFocus: onFocus, size: size, autoComplete: 'off' }),
-                    inputStatus === 'loading' && (react_1.default.createElement("div", { style: { padding: '1rem 0' } },
-                        react_1.default.createElement(LoadersAndProgress_1.Loader, { invert: invert, inline: true }))),
+                    inputStatus === 'loading' && (react_1.default.createElement("div", null,
+                        react_1.default.createElement(LoadersAndProgress_1.CircleLoader, { S: true, invert: invert }))),
                     actionBtn && (react_1.default.createElement(Buttons_1.ButtonPrimary, { value: actionBtn.text, invert: actionBtn.invert, onClick: actionBtnEnabaled && actionBtn.onClick, disabled: !actionBtnEnabaled, style: { marginRight: '-2rem' } }))),
                 (inputStatus === null || inputStatus === void 0 ? void 0 : inputStatus.msg) && (react_1.default.createElement(index_styled_1.MsgContainer, { invert: invert, status: inputStatus === null || inputStatus === void 0 ? void 0 : inputStatus.type },
                     react_1.default.createElement(Typo_1.SANS_3, null, inputStatus.msg))))))));
@@ -190,12 +201,19 @@ var PhoneInput = function (props) {
     return (react_1.default.createElement(exports.TextInput, __assign({ type: "tel", placeholder: 'Enter Phone...', validateOnBlur: handleValidation, maxNumLimiter: 10 }, props)));
 };
 exports.PhoneInput = PhoneInput;
-var URLInput = function (props) {
+var URLInput = function (_a) {
+    var _b = _a.routesAreValidInputs, routesAreValidInputs = _b === void 0 ? false : _b, //if we want react route declarations to be considered as 'valid' then set this to true
+    props = __rest(_a, ["routesAreValidInputs"]);
     var handleValidation = function (value) { return __awaiter(void 0, void 0, void 0, function () {
         var response, err_1;
         return __generator(this, function (_a) {
             switch (_a.label) {
                 case 0:
+                    //if routesAreValidInputs, then first validate for a route
+                    if (routesAreValidInputs && value.substring(0, 1) === '/') {
+                        return [2 /*return*/, { type: 'success', msg: 'valid route' }];
+                    }
+                    //else validate for a url
                     if (!/^https?:\/\//i.test(value)) {
                         value = 'https://' + value;
                     }

package/package.json

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