oolib 2.10.2 → 2.11.2

package/dist/index.js

@@ -10,7 +10,7 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Section = exports.icons = exports.colors = exports.GlobalStyles = void 0;
+exports.Tooltip = exports.OKELink = exports.UserRoleBadge = exports.Section = exports.icons = exports.colors = exports.GlobalStyles = void 0;
 var globalStyles_1 = require("./globalStyles");
 Object.defineProperty(exports, "GlobalStyles", { enumerable: true, get: function () { return globalStyles_1.GlobalStyles; } });
 __exportStar(require("./components/Typo"), exports);
@@ -27,6 +27,15 @@ __exportStar(require("./components/InlineAlert"), exports);
 __exportStar(require("./components/TextInputs"), exports);
 __exportStar(require("./components/Container"), exports);
 __exportStar(require("./components/Wrappers"), exports);
+__exportStar(require("./components/ToggleButton"), exports);
 var Section_1 = require("./components/Section");
 Object.defineProperty(exports, "Section", { enumerable: true, get: function () { return Section_1.Section; } });
+var UserRoleBadge_1 = require("./components/UserRoleBadge");
+Object.defineProperty(exports, "UserRoleBadge", { enumerable: true, get: function () { return UserRoleBadge_1.UserRoleBadge; } });
+var OKELink_1 = require("./components/OKELink");
+Object.defineProperty(exports, "OKELink", { enumerable: true, get: function () { return OKELink_1.OKELink; } });
+var Tooltip_1 = require("./components/Tooltip");
+Object.defineProperty(exports, "Tooltip", { enumerable: true, get: function () { return Tooltip_1.Tooltip; } });
+__exportStar(require("./components/TabBar"), exports);
+__exportStar(require("./components/Banners"), exports);
 __exportStar(require("./themes/mixins"), exports);

package/dist/themes/mixins/index.d.ts

@@ -1,8 +1,6 @@
 export function mediaQuery(point: any): string;
 export function getBreakPoint(point: any): 0 | 600 | 800 | 1000 | 1300 | 1600 | "pass a valid breakpoint";
 import { transition } from "./transitions";
-import { transitionWithDuration } from "./transitions";
-import { transitionWithDelay } from "./transitions";
 import { multiTransition } from "./transitions";
 export function isElementInViewport(el: any): boolean;
-export { transition, transitionWithDuration, transitionWithDelay, multiTransition };
+export { transition, multiTransition };

package/dist/themes/mixins/index.js

@@ -1,10 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.isElementInViewport = exports.multiTransition = exports.transitionWithDelay = exports.transitionWithDuration = exports.transition = exports.getBreakPoint = exports.mediaQuery = void 0;
+exports.isElementInViewport = exports.multiTransition = exports.transition = exports.getBreakPoint = exports.mediaQuery = void 0;
 var transitions_1 = require("./transitions");
 Object.defineProperty(exports, "transition", { enumerable: true, get: function () { return transitions_1.transition; } });
-Object.defineProperty(exports, "transitionWithDuration", { enumerable: true, get: function () { return transitions_1.transitionWithDuration; } });
-Object.defineProperty(exports, "transitionWithDelay", { enumerable: true, get: function () { return transitions_1.transitionWithDelay; } });
 Object.defineProperty(exports, "multiTransition", { enumerable: true, get: function () { return transitions_1.multiTransition; } });
 var getBreakPoint = function (point) {
     switch (point) {

package/dist/themes/mixins/transitions.d.ts

@@ -1,4 +1,2 @@
-export function transition(property: any): any;
-export function transitionWithDuration(property: any, duration: any): any;
-export function transitionWithDelay(property: any, delay: any): any;
+export function transition(property: any, duration?: number, delay?: number): any;
 export function multiTransition(...properties: any[]): any;

package/dist/themes/mixins/transitions.js

@@ -4,20 +4,20 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
     return cooked;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.multiTransition = exports.transitionWithDelay = exports.transitionWithDuration = exports.transition = void 0;
+exports.multiTransition = exports.transition = void 0;
 var styled_components_1 = require("styled-components");
-var transition = function (property) { return (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  transition: ", " 0.3s ease-out;\n"], ["\n  transition: ", " 0.3s ease-out;\n"])), property); };
+var transition = function (property, duration, delay) {
+    if (duration === void 0) { duration = 0.3; }
+    if (delay === void 0) { delay = 0; }
+    return (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  transition: ", " ", "s ease-out ", "s;\n"], ["\n  transition: ", " ", "s ease-out ", "s;\n"])), property, duration, delay);
+};
 exports.transition = transition;
-var transitionWithDuration = function (property, duration) { return (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  transition: ", " ", " ease-out;\n"], ["\n  transition: ", " ", " ease-out;\n"])), property, duration); };
-exports.transitionWithDuration = transitionWithDuration;
-var transitionWithDelay = function (property, delay) { return (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  transition: ", " 0.3s ease-out;\n  transition-delay: ", ";\n"], ["\n  transition: ", " 0.3s ease-out;\n  transition-delay: ", ";\n"])), property, delay); };
-exports.transitionWithDelay = transitionWithDelay;
 var multiTransition = function () {
     var properties = [];
     for (var _i = 0; _i < arguments.length; _i++) {
         properties[_i] = arguments[_i];
     }
-    return (0, styled_components_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  transition: ", " 0.3s ease-out;\n"], ["\n  transition: ", " 0.3s ease-out;\n"])), properties.join(' 0.3s ease-out, '));
+    return (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  transition: ", " 0.3s ease-out;\n"], ["\n  transition: ", " 0.3s ease-out;\n"])), properties.join(' 0.3s ease-out, '));
 };
 exports.multiTransition = multiTransition;
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
+var templateObject_1, templateObject_2;

package/dist/themes/typo.js

@@ -12,6 +12,7 @@ var styled_components_1 = require("styled-components");
 var modularscale_js_1 = __importDefault(require("modularscale-js"));
 var mixins_1 = require("./mixins");
 var colors_1 = require("./colors");
+var utilsOolib_1 = require("../utilsOolib");
 var white = colors_1.colors.white, greyColor40 = colors_1.colors.greyColor40, greyColor80 = colors_1.colors.greyColor80;
 var msW = function (n) {
     var modularscale = {
@@ -251,9 +252,9 @@ var LABEL = (0, styled_components_1.css)(templateObject_18 || (templateObject_18
     var color = _a.color, invert = _a.invert;
     return (invert ? white : color);
 }, sansSerif);
-var BLOCKQUOTE = (0, styled_components_1.css)(templateObject_19 || (templateObject_19 = __makeTemplateObject(["\n  padding: 2rem;\n  border-left: 4px solid\n    ", ";\n  ", ";\n  font-style: italic;\n  color: ", ";\n  margin-inline-start: 25px;\n  margin-inline-end: 25px;\n"], ["\n  padding: 2rem;\n  border-left: 4px solid\n    ", ";\n  ", ";\n  font-style: italic;\n  color: ", ";\n  margin-inline-start: 25px;\n  margin-inline-end: 25px;\n"])), function (_a) {
+var BLOCKQUOTE = (0, styled_components_1.css)(templateObject_19 || (templateObject_19 = __makeTemplateObject(["\n  padding: 1.5rem;\n  border-left: 4px solid\n    ", ";\n  ", ";\n  font-style: italic;\n  color: ", ";\n  margin-inline-start: 25px;\n  margin-inline-end: 25px;\n"], ["\n  padding: 1.5rem;\n  border-left: 4px solid\n    ", ";\n  ", ";\n  font-style: italic;\n  color: ", ";\n  margin-inline-start: 25px;\n  margin-inline-end: 25px;\n"])), function (_a) {
     var invert = _a.invert, colors = _a.theme.colors;
-    return invert ? greyColor40 : colors === null || colors === void 0 ? void 0 : colors.primaryColor100;
+    return invert ? greyColor40 : (0, utilsOolib_1.getPrimaryColor100)(colors);
 }, SERIF_4_5, greyColor80);
 exports.typo = {
     serif: serif,

package/dist/utils/index.d.ts

@@ -1 +1,2 @@
 export function getBlockLabelProps(props: any): {};
+export function injectHttps(value: any): any;

package/dist/utils/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getBlockLabelProps = void 0;
+exports.injectHttps = exports.getBlockLabelProps = void 0;
 var blockLabelProps = [
     'id',
     'srNo',
@@ -23,3 +23,12 @@ var getBlockLabelProps = function (props) {
     return labelProps;
 };
 exports.getBlockLabelProps = getBlockLabelProps;
+var injectHttps = function (value) {
+    if (['mailto:', 'tel:', 'http://', 'https://'].every(function (d) { return typeof value === 'string' && !value.includes(d); })) {
+        return 'https://' + value;
+    }
+    else {
+        return value;
+    }
+};
+exports.injectHttps = injectHttps;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "oolib",
-  "version": "2.10.2",
+  "version": "2.11.2",
   "description": " OKE Component Library",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -53,8 +53,7 @@
   },
   "peerDependencies": {
     "react": "^17.0.2",
-    "react-dom": "^17.0.2",
-    "react-router-dom": "^6.1.1"
+    "react-dom": "^17.0.2"
   },
   "config": {
     "commitizen": {
@@ -70,6 +69,7 @@
     "draftjs-conductor": "^2.2.0",
     "immutable": "^3.7.6",
     "modularscale-js": "^3.0.1",
-    "phosphor-react": "^1.3.1"
+    "phosphor-react": "^1.3.1",
+    "react-router-dom": "^5.1.2"
   }
 }

package/dist/icons/IndexIcon.d.ts

@@ -1 +0,0 @@
-export default function index(): JSX.Element;

package/dist/icons/IndexIcon.js

@@ -1,13 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importDefault(require("react"));
-function index() {
-    return (react_1.default.createElement("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
-        react_1.default.createElement("path", { d: "M6 7H18", stroke: "black", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
-        react_1.default.createElement("path", { d: "M6 12H18", stroke: "black", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
-        react_1.default.createElement("path", { d: "M6 17L12 17", stroke: "black", "stroke-width": "2", strokeLinecap: "round", strokeLinejoin: "round" })));
-}
-exports.default = index;

package/dist/icons/LangIcon.d.ts

@@ -1,5 +0,0 @@
-export default LanguageIcon;
-declare function LanguageIcon({ color, size }: {
-    color?: string;
-    size?: number;
-}): JSX.Element;

package/dist/icons/LangIcon.js

@@ -1,18 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importDefault(require("react"));
-var themes_1 = require("../themes");
-var LanguageIcon = function (_a) {
-    var _b = _a.color, color = _b === void 0 ? themes_1.colors.greyColor100 : _b, _c = _a.size, size = _c === void 0 ? 20 : _c;
-    return (react_1.default.createElement("svg", { width: size, height: size, viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
-        react_1.default.createElement("path", { d: "M7.96924 10.0556C9.06013 10.0556 9.94447 9.25962 9.94447 8.27778C9.94447 7.29594 9.06013 6.5 7.96924 6.5C7.32302 6.5 6.74928 6.77931 6.38892 7.21111", stroke: color, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
-        react_1.default.createElement("path", { d: "M7.82804 10.0557C8.9969 10.0557 9.94444 10.8516 9.94444 11.8334C9.94444 12.8153 8.9969 13.6112 7.82804 13.6112C6.64286 13.6112 5.78219 12.426 5.5 11.8334", stroke: color, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
-        react_1.default.createElement("path", { d: "M8.16666 9.05566C7.61438 9.05566 7.16666 9.50338 7.16666 10.0557C7.16666 10.6079 7.61438 11.0557 8.16666 11.0557V9.05566ZM11.7222 11.0557C12.2745 11.0557 12.7222 10.6079 12.7222 10.0557C12.7222 9.50338 12.2745 9.05566 11.7222 9.05566V11.0557ZM8.16666 11.0557H11.7222V9.05566H8.16666V11.0557Z", fill: color }),
-        react_1.default.createElement("path", { d: "M11.5 5.5C10.9477 5.5 10.5 5.94772 10.5 6.5C10.5 7.05228 10.9477 7.5 11.5 7.5V5.5ZM14.1667 7.5C14.719 7.5 15.1667 7.05228 15.1667 6.5C15.1667 5.94772 14.719 5.5 14.1667 5.5V7.5ZM11.5 7.5H14.1667V5.5H11.5V7.5Z", fill: color }),
-        react_1.default.createElement("path", { d: "M14 6.5C14 5.94772 13.5523 5.5 13 5.5C12.4477 5.5 12 5.94772 12 6.5L14 6.5ZM12 13.6111C12 14.1634 12.4477 14.6111 13 14.6111C13.5523 14.6111 14 14.1634 14 13.6111L12 13.6111ZM12 6.5L12 13.6111L14 13.6111L14 6.5L12 6.5Z", fill: color }),
-        react_1.default.createElement("circle", { cx: "10", cy: "10", r: "9", stroke: color, strokeWidth: "2" })));
-};
-exports.default = LanguageIcon;

package/dist/icons/LetterH.d.ts

@@ -1,5 +0,0 @@
-export default LetterH;
-declare function LetterH({ role, size }: {
-    role: any;
-    size: any;
-}): JSX.Element;

package/dist/icons/LetterH.js

@@ -1,15 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importDefault(require("react"));
-var LetterH = function (_a) {
-    var role = _a.role, size = _a.size;
-    return (react_1.default.createElement("svg", { role: role, xmlns: "http://www.w3.org/2000/svg", className: "icon icon-tabler icon-tabler-letter-h", width: size + 2, height: size + 2, viewBox: "0 0 256 256", strokeWidth: "24", stroke: "currentColor", fill: "none", strokeLinejoin: "round" },
-        react_1.default.createElement("path", { stroke: "none", d: "M0 0h24v24H0z" }),
-        react_1.default.createElement("line", { x1: "70", y1: "50", x2: "70", y2: "190", "stroke-linecap": "round", "stroke-linejoin": "round" }),
-        react_1.default.createElement("line", { x1: "170", y1: "116", x2: "70", y2: "116", "stroke-linecap": "round", "stroke-linejoin": "round" }),
-        react_1.default.createElement("line", { x1: "180", y1: "50", x2: "180", y2: "190", "stroke-linecap": "round", "stroke-linejoin": "round" })));
-};
-exports.default = LetterH;

package/dist/icons/LetterP.d.ts

@@ -1,5 +0,0 @@
-export default LetterP;
-declare function LetterP({ role, size }: {
-    role: any;
-    size: any;
-}): JSX.Element;

package/dist/icons/LetterP.js

@@ -1,13 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importDefault(require("react"));
-var LetterP = function (_a) {
-    var role = _a.role, size = _a.size;
-    return (react_1.default.createElement("svg", { role: role, xmlns: "http://www.w3.org/2000/svg", className: "icon icon-tabler icon-tabler-letter-p", width: size, height: size + size * 0.33, viewBox: "0 0 ".concat(size + size * 0.33, " ").concat(size), strokeWidth: "2.5", stroke: "currentColor", fill: "none", strokeLinecap: "round", strokeLinejoin: "round" },
-        react_1.default.createElement("path", { stroke: "none", d: "M0 0h24v24H0z" }),
-        react_1.default.createElement("path", { d: "M7 20v-16h5.5a4 4 0 0 1 0 9h-5.5" })));
-};
-exports.default = LetterP;

package/dist/icons/OkeGoogleIcon.d.ts

@@ -1,2 +0,0 @@
-export default OkeGoogleIcon;
-declare function OkeGoogleIcon(props: any): JSX.Element;

package/dist/icons/OkeGoogleIcon.js

@@ -1,41 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var React = __importStar(require("react"));
-function OkeGoogleIcon(props) {
-    return (React.createElement("svg", __assign({ width: 18, height: 18, viewBox: "0 0 18 18", fill: "none" }, props),
-        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M17.64 9.205c0-.639-.057-1.252-.164-1.841H9v3.481h4.844a4.14 4.14 0 01-1.796 2.716v2.258h2.908c1.702-1.566 2.684-3.874 2.684-6.614z", fill: "#4285F4" }),
-        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M9 18c2.43 0 4.467-.806 5.956-2.18l-2.908-2.259c-.806.54-1.837.86-3.048.86-2.344 0-4.328-1.584-5.036-3.711H.957v2.332A8.997 8.997 0 009 18z", fill: "#34A853" }),
-        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3.964 10.71A5.41 5.41 0 013.682 9c0-.593.102-1.17.282-1.71V4.958H.957A8.996 8.996 0 000 9c0 1.452.348 2.827.957 4.042l3.007-2.332z", fill: "#FBBC05" }),
-        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M9 3.58c1.321 0 2.508.454 3.44 1.345l2.582-2.58C13.463.891 11.426 0 9 0A8.997 8.997 0 00.957 4.958L3.964 7.29C4.672 5.163 6.656 3.58 9 3.58z", fill: "#EA4335" })));
-}
-exports.default = OkeGoogleIcon;