oolib 2.21.1 → 2.21.3

package/dist/components/Buttons/index.js

@@ -48,7 +48,7 @@ var DisplayIcon = function (_a) {
 };
 var ButtonStyledWrapper = function (_a) {
     var props = _a.props, variant = _a.variant;
-    var id = props.id, link = props.link, children = props.children, value = props.value, submit = props.submit, icon = props.icon, iconAfter = props.iconAfter, onClick = props.onClick, onMouseDown = props.onMouseDown, active = props.active, disabled = props.disabled, invert = props.invert, theme = props.theme, width = props.width, onMouseEnter = props.onMouseEnter, onMouseLeave = props.onMouseLeave, color = props.color, style = props.style, className = props.className, S = props.S, M = props.M, iconSize = props.iconSize, stopPropagation = props.stopPropagation;
+    var id = props.id, link = props.link, children = props.children, value = props.value, submit = props.submit, icon = props.icon, iconAfter = props.iconAfter, onClick = props.onClick, onMouseDown = props.onMouseDown, active = props.active, disabled = props.disabled, invert = props.invert, theme = props.theme, width = props.width, onMouseEnter = props.onMouseEnter, onMouseLeave = props.onMouseLeave, color = props.color, style = props.style, className = props.className, S = props.S, M = props.M, iconSize = props.iconSize, iconColor = props.iconColor, stopPropagation = props.stopPropagation;
     /**
      * WHY WE ARE HAVING TO DO STOP PROPAGATION IN THIS TWISTED WAY:
      *
@@ -96,9 +96,9 @@ var ButtonStyledWrapper = function (_a) {
             stopPropagation && e.stopPropagation();
             debouncedMouseDown && debouncedMouseDown(e);
         }, composition: composition, width: width, color: color },
-        icon && react_1.default.createElement(DisplayIcon, { icon: icon, size: calcIconSize() }),
+        icon && react_1.default.createElement(DisplayIcon, { icon: icon, color: iconColor, size: calcIconSize() }),
         displayText && react_1.default.createElement(Typo_1.SANS_3, { semibold: true }, displayText),
-        iconAfter && react_1.default.createElement(DisplayIcon, { icon: iconAfter, size: calcIconSize() })));
+        iconAfter && react_1.default.createElement(DisplayIcon, { icon: iconAfter, color: iconColor, size: calcIconSize() })));
 };
 var Button = function (_a) {
     var props = _a.props, variant = _a.variant;

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/dist/icons/index.d.ts

@@ -80,6 +80,7 @@ export namespace icons {
     export { File };
     export { FolderSimple };
     export { FolderSimpleStar };
+    export { LinkSimple };
     export { OkeGoogleIcon };
     export { LetterH };
     export { IndexIcon };
@@ -172,6 +173,7 @@ import { MicrophoneStage } from "phosphor-react";
 import { File } from "phosphor-react";
 import { FolderSimple } from "phosphor-react";
 import { FolderSimpleStar } from "phosphor-react";
+import { LinkSimple } from "phosphor-react";
 import { OkeGoogleIcon } from "./custom";
 import { LetterH } from "./custom";
 import { IndexIcon } from "./custom";

package/dist/icons/index.js

@@ -85,6 +85,7 @@ exports.icons = {
     File: phosphor_react_1.File,
     FolderSimple: phosphor_react_1.FolderSimple,
     FolderSimpleStar: phosphor_react_1.FolderSimpleStar,
+    LinkSimple: phosphor_react_1.LinkSimple,
     OkeGoogleIcon: custom_1.OkeGoogleIcon,
     LetterH: custom_1.LetterH,
     IndexIcon: custom_1.IndexIcon,

package/package.json

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