oolib 2.57.0 → 2.57.2

package/dist/components/LoadersAndProgress/TextLoader/index.d.ts

@@ -0,0 +1,3 @@
+export function TextLoader({ style }: {
+    style: any;
+}): any;

package/dist/components/LoadersAndProgress/TextLoader/index.js

@@ -0,0 +1,25 @@
+"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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TextLoader = void 0;
+var react_1 = __importDefault(require("react"));
+var styled_1 = require("../SkeletonLoader/styled");
+var themes_1 = require("../../../themes");
+var TextLoader = function (_a) {
+    var style = _a.style;
+    return react_1.default.createElement(styled_1.StyledSkeletonLoader, { style: __assign(__assign({}, (style || {})), { backgroundColor: themes_1.colors.primaryColor10, width: (style === null || style === void 0 ? void 0 : style.width) || "8rem", height: (style === null || style === void 0 ? void 0 : style.height) || "1.5rem" }) });
+};
+exports.TextLoader = TextLoader;

package/dist/components/Modals/ModalLarge/comps/ModalHeaderStyle1/index.d.ts

@@ -1,7 +1,8 @@
-export function ModalHeaderStyle1({ title, linkTo, onClose, setAnimPos, initAnimPos, }: {
+export function ModalHeaderStyle1({ title, linkTo, onClose, setAnimPos, initAnimPos, invert }: {
     title: any;
     linkTo: any;
     onClose: any;
     setAnimPos: any;
     initAnimPos: any;
+    invert: any;
 }): any;

package/dist/components/Modals/ModalLarge/comps/ModalHeaderStyle1/index.js

@@ -10,7 +10,7 @@ var OKELink_1 = require("../../../../OKELink");
 var Typo_1 = require("../../../../Typo");
 var styled_1 = require("../../styled");
 var ModalHeaderStyle1 = function (_a) {
-    var title = _a.title, linkTo = _a.linkTo, onClose = _a.onClose, setAnimPos = _a.setAnimPos, initAnimPos = _a.initAnimPos;
+    var title = _a.title, linkTo = _a.linkTo, onClose = _a.onClose, setAnimPos = _a.setAnimPos, initAnimPos = _a.initAnimPos, invert = _a.invert;
     return (react_1.default.createElement(styled_1.StyledModalLargeHeader, null,
         react_1.default.createElement("div", { style: {
                 display: "flex",
@@ -18,9 +18,9 @@ var ModalHeaderStyle1 = function (_a) {
                 alignItems: "center",
             } },
             !linkTo && title && (react_1.default.createElement("div", null,
-                react_1.default.createElement(Typo_1.SANS_3_4, { semibold: true }, title))),
+                react_1.default.createElement(Typo_1.SANS_3_4, { invert: invert, semibold: true }, title))),
             linkTo && (react_1.default.createElement(Typo_1.SANS_4, { semibold: true },
-                react_1.default.createElement(OKELink_1.OKELink, { iconAfter: "ArrowLineUpRight", linkType: "action", onClick: function () { return window.open(linkTo); }, iconSize: 15, color: "black" }, title)))),
-        onClose && (react_1.default.createElement(Buttons_1.ButtonGhost, { icon: "X", onClick: function () { return setAnimPos(initAnimPos); } }))));
+                react_1.default.createElement(OKELink_1.OKELink, { iconAfter: "ArrowLineUpRight", linkType: "action", onClick: function () { return window.open(linkTo); }, iconSize: 15, color: "black", invert: invert }, title)))),
+        onClose && (react_1.default.createElement(Buttons_1.ButtonGhost, { invert: invert, icon: "X", onClick: function () { return setAnimPos(initAnimPos); } }))));
 };
 exports.ModalHeaderStyle1 = ModalHeaderStyle1;

package/dist/components/Modals/ModalLarge/index.d.ts

@@ -1,4 +1,4 @@
-export function ModalLarge({ title, onClose, children, linkTo, desktopWidth, headerStyle, subtitle, fitToContentHeight }: {
+export function ModalLarge({ title, onClose, children, linkTo, desktopWidth, headerStyle, subtitle, fitToContentHeight, invert }: {
     title: any;
     onClose: any;
     children: any;
@@ -7,4 +7,5 @@ export function ModalLarge({ title, onClose, children, linkTo, desktopWidth, hea
     headerStyle?: string;
     subtitle: any;
     fitToContentHeight?: boolean;
+    invert: any;
 }): any;

package/dist/components/Modals/ModalLarge/index.js

@@ -43,7 +43,7 @@ var ModalHeaderStyle1_1 = require("./comps/ModalHeaderStyle1");
 var ModalHeaderStyle2_1 = require("./comps/ModalHeaderStyle2");
 var styled_1 = require("./styled");
 var ModalLarge = function (_a) {
-    var title = _a.title, onClose = _a.onClose, children = _a.children, linkTo = _a.linkTo, _b = _a.desktopWidth, desktopWidth = _b === void 0 ? "80%" : _b, _c = _a.headerStyle, headerStyle = _c === void 0 ? "style1" : _c, subtitle = _a.subtitle, _d = _a.fitToContentHeight, fitToContentHeight = _d === void 0 ? false : _d;
+    var title = _a.title, onClose = _a.onClose, children = _a.children, linkTo = _a.linkTo, _b = _a.desktopWidth, desktopWidth = _b === void 0 ? "80%" : _b, _c = _a.headerStyle, headerStyle = _c === void 0 ? "style1" : _c, subtitle = _a.subtitle, _d = _a.fitToContentHeight, fitToContentHeight = _d === void 0 ? false : _d, invert = _a.invert;
     var screenWidth = (0, useScreenWidth_1.useScreenWidth)();
     var handleClose = function () { return onClose(); };
     var initAnimPos = { marginTop: "100vh", opacity: 0 };
@@ -59,7 +59,7 @@ var ModalLarge = function (_a) {
             style2: ModalHeaderStyle2_1.ModalHeaderStyle2,
         };
         var Comp = headerStyles[headerStyle];
-        return (react_1.default.createElement(Comp, { title: title, subtitle: subtitle, setAnimPos: setAnimPos, linkTo: linkTo, onClose: onClose, initAnimPos: initAnimPos }));
+        return (react_1.default.createElement(Comp, { title: title, subtitle: subtitle, setAnimPos: setAnimPos, linkTo: linkTo, onClose: onClose, initAnimPos: initAnimPos, invert: invert }));
     };
     /**
      * 'takeFullScreenOnScroll' messy as it is, it is needed,

package/dist/components/Modals/ModalLarge/styled.js

@@ -46,7 +46,10 @@ exports.StyledModalLargeContentWrapper = styled_components_1.default.div(templat
     var takeFullScreenOnScroll = _a.takeFullScreenOnScroll;
     return takeFullScreenOnScroll ? "auto" : "unset";
 });
-exports.StyledModalLargeHeader = styled_components_1.default.header(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  background-color: ", ";\n  /* width: 100%; */\n  height: 4rem;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 0 2rem;\n  position: sticky;\n  top: 0;\n  z-index: 100;\n"], ["\n  background-color: ", ";\n  /* width: 100%; */\n  height: 4rem;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 0 2rem;\n  position: sticky;\n  top: 0;\n  z-index: 100;\n"])), greyColor5);
+exports.StyledModalLargeHeader = styled_components_1.default.header(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  background-color: ", ";\n  /* width: 100%; */\n  height: 4rem;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 0 2rem;\n  position: sticky;\n  top: 0;\n  z-index: 100;\n"], ["\n  background-color: ", ";\n  /* width: 100%; */\n  height: 4rem;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 0 2rem;\n  position: sticky;\n  top: 0;\n  z-index: 100;\n"])), function (_a) {
+    var invert = _a.invert;
+    return invert ? greyColor5 : themes_1.colors.greyColor90;
+});
 exports.StyledModalLargeBody = styled_components_1.default.div(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  position: relative;\n  ", "\n"], ["\n  position: relative;\n  ", "\n"])), function (_a) {
     var takeFullScreenOnScroll = _a.takeFullScreenOnScroll;
     return !takeFullScreenOnScroll && (0, styled_components_1.css)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n      flex: 1;\n      overflow: auto;\n    "], ["\n      flex: 1;\n      overflow: auto;\n    "])));

package/dist/index.d.ts

@@ -36,5 +36,6 @@ export { PageScrollIndicator } from "./components/PageScrollIndicator";
 export { default as DatePicker } from "./components/DatePicker";
 export { default as DateRangePicker } from "./components/DateRangePicker";
 export { BarChart } from "./components/dataViz/comps/BarChart";
+export { TextLoader } from "./components/LoadersAndProgress/TextLoader";
 export { HintsProvider } from "./components/Hints/contextApi";
 export { LoaderCircle, ProgressBar, LoaderCircle as Loader, LoaderOverlay } from "./components/LoadersAndProgress";

package/dist/index.js

@@ -17,7 +17,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.HintsProvider = exports.BarChart = exports.DateRangePicker = exports.DatePicker = exports.PageScrollIndicator = exports.HomeCover = exports.EmptyStates = exports.ModalSmall = exports.ModalLarge = exports.ModalConfirm = exports.SkeletonLoader = exports.Divider = exports.PercentCompletedPie = exports.Accordion = exports.ActionMenu = exports.Tooltip = exports.OKELink = exports.UserRoleBadge = exports.Section = exports.LoaderOverlay = exports.Loader = exports.ProgressBar = exports.LoaderCircle = exports.icons = exports.colors = exports.GlobalStyles = void 0;
+exports.HintsProvider = exports.TextLoader = exports.BarChart = exports.DateRangePicker = exports.DatePicker = exports.PageScrollIndicator = exports.HomeCover = exports.EmptyStates = exports.ModalSmall = exports.ModalLarge = exports.ModalConfirm = exports.SkeletonLoader = exports.Divider = exports.PercentCompletedPie = exports.Accordion = exports.ActionMenu = exports.Tooltip = exports.OKELink = exports.UserRoleBadge = exports.Section = exports.LoaderOverlay = exports.Loader = exports.ProgressBar = exports.LoaderCircle = exports.icons = exports.colors = exports.GlobalStyles = void 0;
 //css and styling related ( styled-components )
 var globalStyles_1 = require("./globalStyles");
 Object.defineProperty(exports, "GlobalStyles", { enumerable: true, get: function () { return globalStyles_1.GlobalStyles; } });
@@ -85,6 +85,8 @@ var DateRangePicker_1 = require("./components/DateRangePicker");
 Object.defineProperty(exports, "DateRangePicker", { enumerable: true, get: function () { return __importDefault(DateRangePicker_1).default; } });
 var BarChart_1 = require("./components/dataViz/comps/BarChart");
 Object.defineProperty(exports, "BarChart", { enumerable: true, get: function () { return BarChart_1.BarChart; } });
+var TextLoader_1 = require("./components/LoadersAndProgress/TextLoader");
+Object.defineProperty(exports, "TextLoader", { enumerable: true, get: function () { return TextLoader_1.TextLoader; } });
 ////// context
 var contextApi_1 = require("./components/Hints/contextApi");
 Object.defineProperty(exports, "HintsProvider", { enumerable: true, get: function () { return contextApi_1.HintsProvider; } });

package/package.json

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