fictoan-react 1.2.0 → 1.2.1

package/dist/components/Meter/Meter.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=require("../Element/Element.cjs"),r=require("../Typography/Text.cjs");var n=["label","value","height","suffix"];function l(){return l=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},l.apply(this,arguments)}var a=e.forwardRef((function(a,u){var i=a.label,o=a.value,c=a.height,f=a.suffix,s=function(e,t){if(null==e)return{};var r,n,l=function(e,t){if(null==e)return{};var r,n,l={},a=Object.keys(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0||(l[r]=e[r]);return l}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(l[r]=e[r])}return l}(a,n);return e.createElement(e.Fragment,null,i&&e.createElement(t.Element,{as:"div","data-meter-meta":!0},e.createElement(r.Text,null,i),e.createElement(r.Text,null,o,f&&f)),e.createElement(t.Element,l({as:"meter","data-meter":!0,ref:u,value:o},s,{title:f,style:{height:c}})))}));exports.Meter=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=require("../Element/Element.cjs"),r=require("../Typography/Text.cjs");var a=["label","value","height","suffix","showOptimumMarker"];function n(){return n=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)Object.prototype.hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e},n.apply(this,arguments)}var l=e.forwardRef((function(l,m){var i=l.label,o=l.value,u=l.height,c=l.suffix,s=l.showOptimumMarker,p=function(e,t){if(null==e)return{};var r,a,n=function(e,t){if(null==e)return{};var r,a,n={},l=Object.keys(e);for(a=0;a<l.length;a++)r=l[a],t.indexOf(r)>=0||(n[r]=e[r]);return n}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a<l.length;a++)r=l[a],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(n[r]=e[r])}return n}(l,a),f=(p.optimum?p.optimum:0-p.min)/(p.max-p.min)*100;return e.createElement(e.Fragment,null,i&&e.createElement(t.Element,{as:"div","data-meter-meta":!0},e.createElement(r.Text,null,i),e.createElement(r.Text,null,o,c&&c)),e.createElement("div",{className:"meter-wrapper"},e.createElement(t.Element,n({as:"meter","data-meter":!0,ref:m,value:o},p,{title:c,style:{height:u}})),s&&e.createElement("div",{className:"optimum-marker",style:{left:"calc(".concat(f,"% - var(--meter-border-width))")},title:"Optimum: ".concat(p.optimum)})))}));exports.Meter=l;

package/dist/components/Meter/Meter.d.ts

@@ -8,7 +8,8 @@ export interface MeterCustomProps {
     max: number;
     low: number;
     high: number;
-    optimum: number;
+    optimum?: number;
+    showOptimumMarker?: boolean;
     barBg?: string;
     barFill?: string;
     suffix?: string;

package/dist/components/Meter/Meter.js

@@ -1,39 +1,39 @@
 import e from "react";
 import { Element as t } from "../Element/Element.js";
 import { Text as r } from "../Typography/Text.js";
-var n = ["label", "value", "height", "suffix"];
-function a() {
-  return a = Object.assign ? Object.assign.bind() : function(e2) {
+var a = ["label", "value", "height", "suffix", "showOptimumMarker"];
+function n() {
+  return n = Object.assign ? Object.assign.bind() : function(e2) {
     for (var t2 = 1; t2 < arguments.length; t2++) {
       var r2 = arguments[t2];
-      for (var n2 in r2)
-        Object.prototype.hasOwnProperty.call(r2, n2) && (e2[n2] = r2[n2]);
+      for (var a2 in r2)
+        Object.prototype.hasOwnProperty.call(r2, a2) && (e2[a2] = r2[a2]);
     }
     return e2;
-  }, a.apply(this, arguments);
+  }, n.apply(this, arguments);
 }
 function l(e2, t2) {
   if (null == e2)
     return {};
-  var r2, n2, a2 = function(e3, t3) {
+  var r2, a2, n2 = function(e3, t3) {
     if (null == e3)
       return {};
-    var r3, n3, a3 = {}, l3 = Object.keys(e3);
-    for (n3 = 0; n3 < l3.length; n3++)
-      r3 = l3[n3], t3.indexOf(r3) >= 0 || (a3[r3] = e3[r3]);
-    return a3;
+    var r3, a3, n3 = {}, l3 = Object.keys(e3);
+    for (a3 = 0; a3 < l3.length; a3++)
+      r3 = l3[a3], t3.indexOf(r3) >= 0 || (n3[r3] = e3[r3]);
+    return n3;
   }(e2, t2);
   if (Object.getOwnPropertySymbols) {
     var l2 = Object.getOwnPropertySymbols(e2);
-    for (n2 = 0; n2 < l2.length; n2++)
-      r2 = l2[n2], t2.indexOf(r2) >= 0 || Object.prototype.propertyIsEnumerable.call(e2, r2) && (a2[r2] = e2[r2]);
+    for (a2 = 0; a2 < l2.length; a2++)
+      r2 = l2[a2], t2.indexOf(r2) >= 0 || Object.prototype.propertyIsEnumerable.call(e2, r2) && (n2[r2] = e2[r2]);
   }
-  return a2;
+  return n2;
 }
-var o = /* @__PURE__ */ e.forwardRef(function(o2, i) {
-  var f = o2.label, u = o2.value, m = o2.height, c = o2.suffix, p = l(o2, n);
-  return e.createElement(e.Fragment, null, f && /* @__PURE__ */ e.createElement(t, { as: "div", "data-meter-meta": true }, /* @__PURE__ */ e.createElement(r, null, f), /* @__PURE__ */ e.createElement(r, null, u, c && c)), /* @__PURE__ */ e.createElement(t, a({ as: "meter", "data-meter": true, ref: i, value: u }, p, { title: c, style: { height: m } })));
+var m = /* @__PURE__ */ e.forwardRef(function(m2, i) {
+  var o = m2.label, c = m2.value, u = m2.height, p = m2.suffix, f = m2.showOptimumMarker, s = l(m2, a), v = (s.optimum ? s.optimum : 0 - s.min) / (s.max - s.min) * 100;
+  return e.createElement(e.Fragment, null, o && /* @__PURE__ */ e.createElement(t, { as: "div", "data-meter-meta": true }, /* @__PURE__ */ e.createElement(r, null, o), /* @__PURE__ */ e.createElement(r, null, c, p && p)), /* @__PURE__ */ e.createElement("div", { className: "meter-wrapper" }, /* @__PURE__ */ e.createElement(t, n({ as: "meter", "data-meter": true, ref: i, value: c }, s, { title: p, style: { height: u } })), f && /* @__PURE__ */ e.createElement("div", { className: "optimum-marker", style: { left: "calc(".concat(v, "% - var(--meter-border-width))") }, title: "Optimum: ".concat(s.optimum) })));
 });
 export {
-  o as Meter
+  m as Meter
 };