@onepercentio/one-ui 0.13.9-rc1 → 0.13.9-rc2

package/dist/components/ProgressBar/ProgressBar.d.ts

@@ -1,7 +1,8 @@
+import { ComponentProps } from "react";
 /**
  * Shows a progress bar
  **/
-export default function ProgressBar({ size, progress, }: {
+export default function ProgressBar({ size, progress, style, }: {
     /**
      * Given as css font size
      */
@@ -10,4 +11,10 @@ export default function ProgressBar({ size, progress, }: {
      * Given in percent
      */
     progress: number;
+    style?: "gauge" | "guide";
 }): JSX.Element;
+export declare function BalancedProgressBar({ min, max, current, size, style, }: {
+    min: number;
+    max: number;
+    current: number;
+} & Pick<ComponentProps<typeof ProgressBar>, "size" | "style">): JSX.Element;

package/dist/components/ProgressBar/ProgressBar.js

@@ -1,17 +1,51 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (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;
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
+exports.BalancedProgressBar = void 0;
+const react_1 = __importStar(require("react"));
 const ProgressBar_module_scss_1 = __importDefault(require("./ProgressBar.module.scss"));
 /**
  * Shows a progress bar
  **/
-function ProgressBar({ size, progress, }) {
-    return (react_1.default.createElement("div", { className: ProgressBar_module_scss_1.default.container, style: { fontSize: size } },
+function ProgressBar({ size, progress, style = "guide", }) {
+    return (react_1.default.createElement("div", { className: `${ProgressBar_module_scss_1.default.container} ${ProgressBar_module_scss_1.default[style]}`, style: { fontSize: size } },
         react_1.default.createElement("span", { style: { width: `${progress}%` } }),
-        react_1.default.createElement("span", { style: { left: `${progress}%` } })));
+        style === "guide" && react_1.default.createElement("span", { style: { left: `${progress}%` } })));
 }
 exports.default = ProgressBar;
+function BalancedProgressBar({ min, max, current, size, style, }) {
+    const progress = (0, react_1.useMemo)(() => {
+        const progressVal = current - min;
+        const maxVal = max - min;
+        const currProgress = (progressVal * 100) / maxVal;
+        return currProgress;
+    }, [min, max, current]);
+    return react_1.default.createElement(ProgressBar, { size: size, progress: progress, style: style });
+}
+exports.BalancedProgressBar = BalancedProgressBar;
 //# sourceMappingURL=ProgressBar.js.map

package/dist/components/ProgressBar/ProgressBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProgressBar.js","sourceRoot":"","sources":["../../../src/components/ProgressBar/ProgressBar.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAC1B,wFAA+C;AAE/C;;IAEI;AACJ,SAAwB,WAAW,CAAC,EAClC,IAAI,EACJ,QAAQ,GAUT;IACC,OAAO,CACL,uCAAK,SAAS,EAAE,iCAAM,CAAC,SAAS,EAAE,KAAK,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;QACzD,wCAAM,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,QAAQ,GAAG,EAAE,GAAI;QAC1C,wCAAM,KAAK,EAAE,EAAE,IAAI,EAAE,GAAG,QAAQ,GAAG,EAAE,GAAI,CACrC,CACP,CAAC;AACJ,CAAC;AAnBD,8BAmBC"}
+{"version":3,"file":"ProgressBar.js","sourceRoot":"","sources":["../../../src/components/ProgressBar/ProgressBar.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAuD;AACvD,wFAA+C;AAE/C;;IAEI;AACJ,SAAwB,WAAW,CAAC,EAClC,IAAI,EACJ,QAAQ,EACR,KAAK,GAAG,OAAO,GAYhB;IACC,OAAO,CACL,uCACE,SAAS,EAAE,GAAG,iCAAM,CAAC,SAAS,IAAI,iCAAM,CAAC,KAAK,CAAC,EAAE,EACjD,KAAK,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;QAEzB,wCAAM,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,QAAQ,GAAG,EAAE,GAAI;QACzC,KAAK,KAAK,OAAO,IAAI,wCAAM,KAAK,EAAE,EAAE,IAAI,EAAE,GAAG,QAAQ,GAAG,EAAE,GAAI,CAC3D,CACP,CAAC;AACJ,CAAC;AAzBD,8BAyBC;AAED,SAAgB,mBAAmB,CAAC,EAClC,GAAG,EACH,GAAG,EACH,OAAO,EACP,IAAI,EACJ,KAAK,GAKuD;IAC5D,MAAM,QAAQ,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QAC5B,MAAM,WAAW,GAAG,OAAO,GAAG,GAAG,CAAC;QAClC,MAAM,MAAM,GAAG,GAAG,GAAG,GAAG,CAAC;QAEzB,MAAM,YAAY,GAAG,CAAC,WAAW,GAAG,GAAG,CAAC,GAAG,MAAM,CAAC;QAElD,OAAO,YAAY,CAAC;IACtB,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,OAAO,CAAC,CAAC,CAAC;IAExB,OAAO,8BAAC,WAAW,IAAC,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,GAAI,CAAC;AACvE,CAAC;AArBD,kDAqBC"}

package/dist/components/ProgressBar/ProgressBar.module.scss

@@ -2,7 +2,12 @@
 @import "../../assets/styles/index.scss";
 
 .container {
-  margin: 0.375em;
+  &.guide {
+    margin: 0.375em;
+  }
+  &.gauge {
+    margin: 0em;
+  }
   height: 0.25em;
   background-color: red;
   position: relative;
@@ -19,7 +24,7 @@
     background: var(--progress-bar-bar, var(--digital-blue));
     transition: width var(--animation-speed-transition, $fast) ease-out;
   }
-  & > :last-child {
+  &.guide > :last-child {
     position: absolute;
     margin-top: math.div(-0.5em, 1.25);
     margin-left: -0.5em;

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

@@ -1 +1 @@
-export { default } from './ProgressBar';
+export { default, BalancedProgressBar } from "./ProgressBar";

package/dist/components/ProgressBar/index.js

@@ -3,7 +3,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = void 0;
+exports.BalancedProgressBar = exports.default = void 0;
 var ProgressBar_1 = require("./ProgressBar");
 Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(ProgressBar_1).default; } });
+Object.defineProperty(exports, "BalancedProgressBar", { enumerable: true, get: function () { return ProgressBar_1.BalancedProgressBar; } });
 //# sourceMappingURL=index.js.map

package/dist/components/ProgressBar/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/ProgressBar/index.tsx"],"names":[],"mappings":";;;;;;AAAA,6CAAwC;AAA/B,uHAAA,OAAO,OAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/ProgressBar/index.tsx"],"names":[],"mappings":";;;;;;AAAA,6CAA6D;AAApD,uHAAA,OAAO,OAAA;AAAE,kHAAA,mBAAmB,OAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@onepercentio/one-ui",
-  "version": "0.13.9-rc1",
+  "version": "0.13.9-rc2",
   "description": "A set of reusable components created through the development of Onepercent projects",
   "repository": "git@github.com:onepercentio/one-ui.git",
   "author": "Murilo Oliveira de Araujo <murilo.araujo@onepercent.io>",