oolib 2.12.5 → 2.13.0

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

@@ -0,0 +1,4 @@
+export function PercentCompletedPi({ percent, size }: {
+    percent: any;
+    size?: string;
+}): JSX.Element;

package/dist/components/PercentCompletedPi/index.js

@@ -0,0 +1,21 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PercentCompletedPi = void 0;
+var react_1 = __importDefault(require("react"));
+var styled_1 = require("./styled");
+function PercentCompletedPi(_a) {
+    var percent = _a.percent, _b = _a.size, size = _b === void 0 ? "2.4rem" : _b;
+    var perUnit = 1.8;
+    var transform = "rotate(".concat(parseInt(percent) * perUnit, "deg)");
+    return (react_1.default.createElement(styled_1.StyledWrapper, { size: size },
+        react_1.default.createElement(styled_1.StyledCircle, { size: size },
+            react_1.default.createElement(styled_1.StyledMask, { size: size, transform: transform },
+                react_1.default.createElement(styled_1.StyledFill, { size: size, transform: transform, className: "fill" })),
+            react_1.default.createElement(styled_1.StyledMask, { size: size, className: "mask half" },
+                react_1.default.createElement(styled_1.StyledFill, { size: size, transform: transform, className: "fill" }),
+                react_1.default.createElement(styled_1.StyledFill, { size: size, transform: transform, className: "fill fix" })))));
+}
+exports.PercentCompletedPi = PercentCompletedPi;

package/dist/components/PercentCompletedPi/styled.d.ts

@@ -0,0 +1,4 @@
+export const StyledWrapper: any;
+export const StyledCircle: any;
+export const StyledMask: any;
+export const StyledFill: any;

package/dist/components/PercentCompletedPi/styled.js

@@ -0,0 +1,32 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StyledFill = exports.StyledMask = exports.StyledCircle = exports.StyledWrapper = void 0;
+var macro_1 = __importDefault(require("styled-components/macro"));
+var utilsOolib_1 = require("../../utilsOolib");
+exports.StyledWrapper = macro_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  border-radius: 50%;\n  ", "\n  background-color: ", ";\n"], ["\n  border-radius: 50%;\n  ", "\n  background-color: ", ";\n"])), function (_a) {
+    var size = _a.size;
+    return "\n    width: ".concat(size, ";\n    height: ").concat(size, ";  \n  ");
+}, function (_a) {
+    var theme = _a.theme;
+    return (0, utilsOolib_1.getPrimaryColor40)(theme.colors);
+});
+exports.StyledCircle = macro_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  position: relative;\n"], ["\n  position: relative;\n"])));
+exports.StyledMask = macro_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  ", "\n  position: absolute;\n  border-radius: 50%;\n  \n"], ["\n  ", "\n  position: absolute;\n  border-radius: 50%;\n  \n"])), function (_a) {
+    var size = _a.size, transform = _a.transform;
+    return "\n    ".concat(transform ? "transform: ".concat(transform) : '', ";\n    width: ").concat(size, ";\n    height: ").concat(size, ";  \n    clip: rect(0px, ").concat(size, ", ").concat(size, ", ").concat((parseFloat(size.replace('rem', '').trim()) / 2) + 'rem', ");\n  ");
+});
+exports.StyledFill = macro_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  ", "\n   border-radius: 50%;\n  position: absolute;\n  background-color: ", ";\n"], ["\n  ", "\n   border-radius: 50%;\n  position: absolute;\n  background-color: ", ";\n"])), function (_a) {
+    var size = _a.size, transform = _a.transform;
+    return "\n    transform: ".concat(transform, ";\n    width: ").concat(size, ";\n    height: ").concat(size, ";  \n    clip: rect(0px, ").concat((parseFloat(size.replace('rem', '').trim()) / 2) + 'rem', ", ").concat(size, ", 0px);\n  ");
+}, function (_a) {
+    var theme = _a.theme;
+    return (0, utilsOolib_1.getPrimaryColor100)(theme.colors);
+});
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4;

package/dist/index.d.ts

@@ -20,3 +20,4 @@ export { UserRoleBadge } from "./components/UserRoleBadge";
 export { OKELink } from "./components/OKELink";
 export { Tooltip } from "./components/Tooltip";
 export { ActionMenu } from "./components/ActionMenu";
+export { PercentCompletedPi } from "./components/PercentCompletedPi";

package/dist/index.js

@@ -14,7 +14,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.ActionMenu = exports.Tooltip = exports.OKELink = exports.UserRoleBadge = exports.Section = exports.icons = exports.colors = exports.GlobalStyles = void 0;
+exports.PercentCompletedPi = exports.ActionMenu = 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);
@@ -42,6 +42,8 @@ var Tooltip_1 = require("./components/Tooltip");
 Object.defineProperty(exports, "Tooltip", { enumerable: true, get: function () { return Tooltip_1.Tooltip; } });
 var ActionMenu_1 = require("./components/ActionMenu");
 Object.defineProperty(exports, "ActionMenu", { enumerable: true, get: function () { return ActionMenu_1.ActionMenu; } });
+var PercentCompletedPi_1 = require("./components/PercentCompletedPi");
+Object.defineProperty(exports, "PercentCompletedPi", { enumerable: true, get: function () { return PercentCompletedPi_1.PercentCompletedPi; } });
 __exportStar(require("./components/TabBar"), exports);
 __exportStar(require("./components/Banners"), exports);
 __exportStar(require("./themes/mixins"), exports);

package/package.json

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