oolib 2.8.1 → 2.8.4

package/dist/components/Breadcrumbs/index.js

@@ -26,7 +26,7 @@ var Typo_1 = require("../Typo");
 var icons_1 = require("../../icons");
 var themes_1 = require("../../themes");
 var mixins_1 = require("../../themes/mixins");
-var ArrowLeft = icons_1.phosphorIcons.ArrowLeft;
+var ArrowLeft = icons_1.icons.ArrowLeft;
 var white = themes_1.colors.white, greyColor100 = themes_1.colors.greyColor100, greyColor50 = themes_1.colors.greyColor50;
 // links array will be taken from params in the future (react router)
 var Breadcrumbs = function (_a) {

package/dist/components/Buttons/index.js

@@ -37,7 +37,7 @@ var Typo_1 = require("../Typo");
 var icons_1 = require("../../icons");
 var DisplayIcon = function (_a) {
     var icon = _a.icon, size = _a.size;
-    var IconComp = icons_1.phosphorIcons[icon];
+    var IconComp = icons_1.icons[icon];
     return react_1.default.createElement(react_1.default.Fragment, null, IconComp && react_1.default.createElement(IconComp, { size: size, weight: "bold" }));
 };
 var ButtonStyledWrapper = function (_a) {
@@ -79,10 +79,10 @@ var UploadButton = function (props) {
 };
 exports.UploadButton = UploadButton;
 var GoogleLogin = function (props) {
-    var theme = props.theme, S = props.S, disabled = props.disabled, width = props.width, className = props.className, style = props.style, value = props.value, children = props.children;
+    var theme = props.theme, S = props.S, disabled = props.disabled, width = props.width, className = props.className, style = props.style, value = props.value, children = props.children, onClick = props.onClick;
     var displayText = value || children || 'Sign up with Google';
     var size = (S && "S") || 'M';
-    return (react_1.default.createElement(index_styled_1.ButtonStyled, { size: size, disabled: disabled, width: width, onClick: function () { return window.open('/api/OAuth/google', '_self'); }, variant: "googleAuth", theme: theme, style: style, className: className },
+    return (react_1.default.createElement(index_styled_1.ButtonStyled, { size: size, disabled: disabled, width: width, onClick: onClick, variant: "googleAuth", theme: theme, style: style, className: className },
         react_1.default.createElement(DisplayIcon, { icon: 'OkeGoogleIcon', size: 24 }),
         displayText && react_1.default.createElement(Typo_1.SANS_3, { semibold: true }, displayText)));
 };

package/dist/components/Section/index.styled.js

@@ -22,10 +22,9 @@ exports.StyledSection = void 0;
 var styled_components_1 = __importDefault(require("styled-components"));
 var colors_1 = require("../../themes/colors");
 var setBorder = function (_a) {
-    var _b;
     var props = _a.props;
     var borderStyles = "";
-    var greyColor15 = (((_b = props.theme) === null || _b === void 0 ? void 0 : _b.colors) || colors_1.colors).greyColor15;
+    var greyColor15 = colors_1.colors.greyColor15;
     if (props.borderTop || props.borderRight || props.borderLeft || props.borderBottom) {
         if (props.borderTop)
             borderStyles += "border-top: 1px solid ".concat(greyColor15, ";");
@@ -39,8 +38,9 @@ var setBorder = function (_a) {
     return borderStyles;
 };
 var setFill = function (_a) {
+    var _b;
     var props = _a.props;
-    var colorsObj = props.theme.colors
+    var colorsObj = ((_b = props.theme) === null || _b === void 0 ? void 0 : _b.colors)
         ? __assign(__assign({}, colors_1.colors), props.theme.colors) : colors_1.colors;
     var colorKey = Object.keys(props).find(function (p) { return !!colorsObj[p]; });
     return colorKey ? "background-color: ".concat(colorsObj[colorKey], ";") : '';

package/dist/components/Tags/index.js

@@ -33,7 +33,7 @@ function TagDisplay(_a) {
 exports.TagDisplay = TagDisplay;
 function TagClear(_a) {
     var id = _a.id, display = _a.display, value = _a.value, M = _a.M, invert = _a.invert, _b = _a.onClick, onClick = _b === void 0 ? function () { } : _b, theme = _a.theme, _c = _a.variant, variant = _c === void 0 ? 'primary' : _c, grey = _a.grey;
-    var XIconCom = icons_1.phosphorIcons['X'];
+    var XIconCom = icons_1.icons['X'];
     var size = M ? 'M' : 'S';
     return (react_1.default.createElement(index_styled_1.StyledTagClear, { invert: invert, theme: theme, size: size, grey: grey, variant: variant },
         react_1.default.createElement(Typo_1.SANS_3, { semibold: true }, display),

package/dist/components/TextInputs/index.js

@@ -74,10 +74,10 @@ var Loader_1 = require("../Loader");
 var BlockLabel_1 = require("../BlockLabel");
 var Typo_1 = require("../Typo");
 var Buttons_1 = require("../Buttons");
-var uitls_1 = require("../uitls");
+var utils_1 = require("../utils");
 var DisplayIcon = function (_a) {
     var icon = _a.icon, onClick = _a.onClick, size = _a.size;
-    var IconComp = icons_1.phosphorIcons[icon];
+    var IconComp = icons_1.icons[icon];
     return (react_1.default.createElement("div", { style: { cursor: onClick ? 'pointer' : '' }, onMouseDown: onClick || null }, IconComp && react_1.default.createElement(IconComp, { size: size, weight: "bold" })));
 };
 var TextInput = function (props) {
@@ -116,7 +116,7 @@ var TextInput = function (props) {
     };
     return (react_1.default.createElement(react_1.default.Fragment, null,
         react_1.default.createElement("div", { className: className },
-            react_1.default.createElement(BlockLabel_1.BlockLabel, __assign({}, (0, uitls_1.getBlockLabelProps)(props))),
+            react_1.default.createElement(BlockLabel_1.BlockLabel, __assign({}, (0, utils_1.getBlockLabelProps)(props))),
             readOnly ? (react_1.default.createElement(Typo_1.SANS_3, { invert: invert }, type === 'password' ? '********' : value)) : (react_1.default.createElement(react_1.default.Fragment, null,
                 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 })),

package/dist/icons/index.d.ts

@@ -1,4 +1,4 @@
-export namespace phosphorIcons {
+export namespace icons {
     export { PencilSimple };
     export { PencilLine };
     export { Plus };
@@ -72,6 +72,7 @@ export namespace phosphorIcons {
     export { ArrowRight };
     export { Sliders };
     export { Faders };
+    export { Code };
 }
 import { PencilSimple } from "phosphor-react";
 import { PencilLine } from "phosphor-react";
@@ -146,3 +147,4 @@ import LanguageIcon from "./LangIcon";
 import { ArrowRight } from "phosphor-react";
 import { Sliders } from "phosphor-react";
 import { Faders } from "phosphor-react";
+import { Code } from "phosphor-react";

package/dist/icons/index.js

@@ -3,14 +3,14 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.phosphorIcons = void 0;
+exports.icons = void 0;
 var phosphor_react_1 = require("phosphor-react");
 var OkeGoogleIcon_1 = __importDefault(require("./OkeGoogleIcon"));
 var LetterH_1 = __importDefault(require("./LetterH"));
 var LetterP_1 = __importDefault(require("./LetterP"));
 var IndexIcon_1 = __importDefault(require("./IndexIcon"));
 var LangIcon_1 = __importDefault(require("./LangIcon"));
-exports.phosphorIcons = {
+exports.icons = {
     PencilSimple: phosphor_react_1.PencilSimple,
     PencilLine: phosphor_react_1.PencilLine,
     Plus: phosphor_react_1.Plus,
@@ -83,5 +83,6 @@ exports.phosphorIcons = {
     LanguageIcon: LangIcon_1.default,
     ArrowRight: phosphor_react_1.ArrowRight,
     Sliders: phosphor_react_1.Sliders,
-    Faders: phosphor_react_1.Faders
+    Faders: phosphor_react_1.Faders,
+    Code: phosphor_react_1.Code
 };

package/dist/index.d.ts

@@ -11,5 +11,5 @@ export * from "./components/Container";
 export * from "./components/Wrappers";
 export * from "./themes/mixins";
 export { colors } from "./themes";
-export { phosphorIcons } from "./icons";
+export { icons } from "./icons";
 export { Section } from "./components/Section";

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.phosphorIcons = exports.colors = exports.GlobalStyles = void 0;
+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);
@@ -18,7 +18,7 @@ __exportStar(require("./components/Loader"), exports);
 var themes_1 = require("./themes");
 Object.defineProperty(exports, "colors", { enumerable: true, get: function () { return themes_1.colors; } });
 var icons_1 = require("./icons");
-Object.defineProperty(exports, "phosphorIcons", { enumerable: true, get: function () { return icons_1.phosphorIcons; } });
+Object.defineProperty(exports, "icons", { enumerable: true, get: function () { return icons_1.icons; } });
 __exportStar(require("./components/Buttons"), exports);
 __exportStar(require("./components/Tags"), exports);
 __exportStar(require("./components/Breadcrumbs"), exports);

package/package.json

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