ui-beyable 1.0.35-beta.2 → 1.0.35-beta.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,5 +1,5 @@
1
1
  /// <reference types="react" />
2
2
  import { IKpiList, IKpiItem } from './types';
3
3
  declare function KpiList({ children }: IKpiList): JSX.Element;
4
- declare function KpiItem({ name, value, unit, variation, }: IKpiItem): JSX.Element;
4
+ declare function KpiItem({ name, value, unit, variation, variationNbDecimal }: IKpiItem): JSX.Element;
5
5
  export { KpiList, KpiItem };
@@ -7,5 +7,6 @@ interface IKpiItem {
7
7
  value: number;
8
8
  unit?: string;
9
9
  variation?: number;
10
+ variationNbDecimal?: number;
10
11
  }
11
12
  export { IKpiList, IKpiItem };
package/lib/esm/index.js CHANGED
@@ -3004,12 +3004,18 @@ var getFormattedNumber = function (n) {
3004
3004
  parts[0] = parts[0].replace(/\B(?=(\d{3})+(?!\d))/g, ' ');
3005
3005
  return parts.join('.');
3006
3006
  };
3007
+ var displayPercent = function (value, decimal) {
3008
+ if (decimal === void 0) { decimal = 1; }
3009
+ var percent = value * 100;
3010
+ var str = percent.toFixed(decimal);
3011
+ return str + '\u00A0%';
3012
+ };
3007
3013
  function KpiList(_a) {
3008
3014
  var children = _a.children;
3009
3015
  return (React.createElement("div", { className: styles$6.list }, children));
3010
3016
  }
3011
3017
  function KpiItem(_a) {
3012
- var name = _a.name, value = _a.value, unit = _a.unit, variation = _a.variation;
3018
+ var name = _a.name, value = _a.value, unit = _a.unit, variation = _a.variation, _b = _a.variationNbDecimal, variationNbDecimal = _b === void 0 ? 1 : _b;
3013
3019
  return (React.createElement("div", { className: styles$6.item },
3014
3020
  React.createElement("div", { className: styles$6.item_title }, name),
3015
3021
  React.createElement("div", { className: styles$6.item_value },
@@ -3022,12 +3028,9 @@ function KpiItem(_a) {
3022
3028
  React.createElement("div", null, variation >= 0 ?
3023
3029
  React.createElement("span", { className: styles$6.item_evolution_up },
3024
3030
  "+\u00A0",
3025
- variation,
3026
- "\u00A0%")
3031
+ displayPercent(variation, variationNbDecimal))
3027
3032
  :
3028
- React.createElement("span", { className: styles$6.item_evolution_down },
3029
- variation,
3030
- "\u00A0%"))));
3033
+ React.createElement("span", { className: styles$6.item_evolution_down }, displayPercent(variation, variationNbDecimal)))));
3031
3034
  }
3032
3035
 
3033
3036
  var css_248z$7 = ".Listbox-module_listbox__lSHQo{margin:0;max-width:min(90vw,700px)}.Listbox-module_listbox__lSHQo li{list-style-image:none;margin:0;padding:0;position:relative}.Listbox-module_listbox_has_border__s3OZ2>li+li{border-top:1px solid #eeeff4}.Listbox-module_listbox__lSHQo .Listbox-module_item__XHJx0{border:none;color:inherit;display:block;font-size:14px;line-height:1.3em;margin:0;overflow:hidden;padding-left:1em;padding-right:2em;-moz-user-select:none;-webkit-user-select:none;user-select:none;white-space:nowrap;word-break:normal}.Listbox-module_listbox__lSHQo .Listbox-module_item_size_m__cmYwG{padding-bottom:.5em;padding-top:.5em}.Listbox-module_listbox__lSHQo .Listbox-module_item_size_l__gm-GT{padding-bottom:.7em;padding-top:.7em}.Listbox-module_listbox__lSHQo .Listbox-module_item_size_xl__NBJPj{padding-bottom:1em;padding-left:1.3em;padding-top:1em}.Listbox-module_listbox__lSHQo .Listbox-module_item_enabled__qQSAG{cursor:pointer}.Listbox-module_listbox__lSHQo .Listbox-module_item_enabled__qQSAG:hover{background-color:#f7f8fa;text-decoration:none}.Listbox-module_listbox__lSHQo .Listbox-module_item_disabled__GouhS{cursor:default;opacity:.5}.Listbox-module_listbox__lSHQo .Listbox-module_item_selected__yNX-f{background-color:#f7f8fa}.Listbox-module_listbox__lSHQo .Listbox-module_item_right__BlEbH{padding-right:1em}.Listbox-module_listbox__lSHQo .Listbox-module_item_icon__9KlaJ{color:var(--grey-3);margin-right:10px}.Listbox-module_listbox__lSHQo .Listbox-module_listbox_sep__qLfEB{border-top:1px solid #e2e4ed;margin:8px 0}.Listbox-module_listbox__lSHQo .Listbox-module_item_flex__-swao{align-items:center;display:flex}.Listbox-module_listbox__lSHQo .Listbox-module_item_left__v6ope{flex:0 0 auto}.Listbox-module_listbox__lSHQo .Listbox-module_item_center__8PFRn{flex:1 1 auto}.Listbox-module_listbox__lSHQo .Listbox-module_item_capitalize__qrJDq .Listbox-module_item_center__8PFRn{text-transform:capitalize}.Listbox-module_listbox__lSHQo .Listbox-module_item_title__axxys{font-size:15px;font-weight:500}.Listbox-module_listbox__lSHQo .Listbox-module_item_desc__pR2Td{color:#5d637e;display:block;font-size:13px;margin-top:2px}.Listbox-module_listbox__lSHQo .Listbox-module_item_check__tQisH{color:#757b96;margin-left:16px;margin-right:-12px}.Listbox-module_listbox__lSHQo .Listbox-module_item_img__qc5Nw{display:block;margin-top:4px;max-width:400px}.Listbox-module_listbox__lSHQo li+.Listbox-module_hr__lodbh+li{border-top:1px solid #eee;margin-top:.416em;padding-top:.416em}.Listbox-module_listbox__lSHQo li.Listbox-module_hr__lodbh,.Listbox-module_listbox__lSHQo li.Listbox-module_hr__lodbh:first-child+li,.Listbox-module_listbox__lSHQo li.Listbox-module_hr__lodbh:first-child+li.Listbox-module_hr__lodbh+li,.Listbox-module_listbox__lSHQo li.Listbox-module_hr__lodbh:first-child+li.Listbox-module_hr__lodbh+li.Listbox-module_hr__lodbh+li,.Listbox-module_listbox__lSHQo li.Listbox-module_hr__lodbh:first-child+li.Listbox-module_hr__lodbh+li.Listbox-module_hr__lodbh+li.Listbox-module_hr__lodbh+li,.Listbox-module_listbox__lSHQo li.Listbox-module_hr__lodbh:first-child+li.Listbox-module_hr__lodbh+li.Listbox-module_hr__lodbh+li.Listbox-module_hr__lodbh+li.Listbox-module_hr__lodbh+li,.Listbox-module_listbox__lSHQo li.Listbox-module_hr__lodbh:first-child+li.Listbox-module_hr__lodbh+li.Listbox-module_hr__lodbh+li.Listbox-module_hr__lodbh+li.Listbox-module_hr__lodbh+li.Listbox-module_hr__lodbh+li,.Listbox-module_listbox__lSHQo li.Listbox-module_hr__lodbh:first-child+li.Listbox-module_hr__lodbh+li.Listbox-module_hr__lodbh+li.Listbox-module_hr__lodbh+li.Listbox-module_hr__lodbh+li.Listbox-module_hr__lodbh+li.Listbox-module_hr__lodbh+li,.Listbox-module_listbox__lSHQo li.Listbox-module_hr__lodbh:first-child+li.Listbox-module_hr__lodbh+li.Listbox-module_hr__lodbh+li.Listbox-module_hr__lodbh+li.Listbox-module_hr__lodbh+li.Listbox-module_hr__lodbh+li.Listbox-module_hr__lodbh+li.Listbox-module_hr__lodbh+li,.Listbox-module_listbox__lSHQo li.Listbox-module_hr__lodbh:first-child+li.Listbox-module_hr__lodbh+li.Listbox-module_hr__lodbh+li.Listbox-module_hr__lodbh+li.Listbox-module_hr__lodbh+li.Listbox-module_hr__lodbh+li.Listbox-module_hr__lodbh+li.Listbox-module_hr__lodbh+li.Listbox-module_hr__lodbh+li{border:0!important;margin:0!important;padding:0!important}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkxpc3Rib3gubW9kdWxlLmNzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSwrQkFDQyxRQUFTLENBQ1QseUJBQ0QsQ0FDQSxrQ0FJQyxxQkFBc0IsQ0FIdEIsUUFBUyxDQUNULFNBQVUsQ0FDVixpQkFFRCxDQUNBLGdEQUNDLDRCQUNELENBR0EsMkRBRUMsV0FBWSxDQUlaLGFBQWMsQ0FMZCxhQUFjLENBRWQsY0FBZSxDQUNmLGlCQUFrQixDQUNsQixRQUFTLENBRVQsZUFBZ0IsQ0FPYixnQkFBaUIsQ0FDakIsaUJBQWtCLENBTHJCLHFCQUFzQixDQUN0Qix3QkFBeUIsQ0FFekIsZ0JBQWlCLENBSmpCLGtCQUFtQixDQURuQixpQkFRRCxDQUNBLGtFQUVDLG1CQUFvQixDQURqQixnQkFFSixDQUNBLGtFQUVDLG1CQUFvQixDQURwQixnQkFFRCxDQUNBLG1FQUVDLGtCQUFtQixDQUNuQixrQkFBbUIsQ0FGbkIsZUFHRCxDQUNBLG1FQUNDLGNBQ0QsQ0FDQSx5RUFDQyx3QkFBeUIsQ0FDekIsb0JBQ0QsQ0FDQSxvRUFFQyxjQUFlLENBRGYsVUFFRCxDQUNBLG9FQUNDLHdCQUNELENBRUEsaUVBQ0MsaUJBQ0QsQ0FFQSxnRUFFQyxtQkFBb0IsQ0FEcEIsaUJBRUQsQ0FFQSxrRUFFQyw0QkFBNkIsQ0FEN0IsWUFFRCxDQUVBLGdFQUVDLGtCQUFtQixDQURuQixZQUVELENBQ0EsZ0VBQ0MsYUFDRCxDQUNBLGtFQUNDLGFBQ0QsQ0FFQSx5R0FDQyx5QkFDRCxDQUVBLGlFQUNDLGNBQWUsQ0FDZixlQUNELENBQ0EsZ0VBR0MsYUFBYyxDQUZkLGFBQWMsQ0FDZCxjQUFlLENBRWYsY0FDRCxDQUNBLGlFQUdDLGFBQWMsQ0FEZCxnQkFBaUIsQ0FEakIsa0JBR0QsQ0FDQSwrREFDQyxhQUFjLENBRWQsY0FBZSxDQURmLGVBRUQsQ0FHQSwrREFHQyx5QkFBMEIsQ0FGMUIsaUJBQWtCLENBQ2xCLGtCQUVELENBQ0EscXNEQVlDLGtCQUFvQixDQUZwQixrQkFBb0IsQ0FDcEIsbUJBRUQiLCJmaWxlIjoiTGlzdGJveC5tb2R1bGUuY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLmxpc3Rib3h7XHJcblx0bWFyZ2luOiAwO1xyXG5cdG1heC13aWR0aDogbWluKDkwdncsIDcwMHB4KTtcclxufVxyXG4ubGlzdGJveCBsaXtcclxuXHRtYXJnaW46IDA7XHJcblx0cGFkZGluZzogMDtcclxuXHRwb3NpdGlvbjogcmVsYXRpdmU7XHJcblx0bGlzdC1zdHlsZS1pbWFnZTogbm9uZTtcclxufVxyXG4ubGlzdGJveF9oYXNfYm9yZGVyID4gbGkgKyBsaXtcclxuXHRib3JkZXItdG9wOiBzb2xpZCAxcHggI0VFRUZGNDtcclxufVxyXG5cclxuLyogSVRFTSAqL1xyXG4ubGlzdGJveCAuaXRlbXtcclxuXHRkaXNwbGF5OiBibG9jaztcclxuXHRib3JkZXI6IG5vbmU7XHJcblx0Zm9udC1zaXplOiAxNHB4O1xyXG5cdGxpbmUtaGVpZ2h0OiAxLjNlbTtcclxuXHRtYXJnaW46IDA7XHJcblx0Y29sb3I6IGluaGVyaXQ7XHJcblx0b3ZlcmZsb3c6IGhpZGRlbjtcclxuXHR3b3JkLWJyZWFrOiBub3JtYWw7XHJcblx0d2hpdGUtc3BhY2U6IG5vd3JhcDtcclxuXHQtbW96LXVzZXItc2VsZWN0OiBub25lO1xyXG5cdC13ZWJraXQtdXNlci1zZWxlY3Q6IG5vbmU7XHJcblx0LW1zLXVzZXItc2VsZWN0OiBub25lO1xyXG5cdHVzZXItc2VsZWN0OiBub25lO1xyXG4gICAgcGFkZGluZy1sZWZ0OiAxZW07XHJcbiAgICBwYWRkaW5nLXJpZ2h0OiAyZW07XHJcbn1cclxuLmxpc3Rib3ggLml0ZW1fc2l6ZV9tIHtcclxuICAgIHBhZGRpbmctdG9wOiAuNWVtO1xyXG5cdHBhZGRpbmctYm90dG9tOiAuNWVtO1xyXG59XHJcbi5saXN0Ym94IC5pdGVtX3NpemVfbCB7XHJcblx0cGFkZGluZy10b3A6IC43ZW07XHJcblx0cGFkZGluZy1ib3R0b206IC43ZW07XHJcbn1cclxuLmxpc3Rib3ggLml0ZW1fc2l6ZV94bCB7XHJcblx0cGFkZGluZy10b3A6IDFlbTtcclxuXHRwYWRkaW5nLWJvdHRvbTogMWVtO1xyXG5cdHBhZGRpbmctbGVmdDogMS4zZW07XHJcbn1cclxuLmxpc3Rib3ggLml0ZW1fZW5hYmxlZHtcclxuXHRjdXJzb3I6IHBvaW50ZXI7XHJcbn1cclxuLmxpc3Rib3ggLml0ZW1fZW5hYmxlZDpob3ZlcntcclxuXHRiYWNrZ3JvdW5kLWNvbG9yOiAjRjdGOEZBO1xyXG5cdHRleHQtZGVjb3JhdGlvbjogbm9uZTtcclxufVxyXG4ubGlzdGJveCAuaXRlbV9kaXNhYmxlZHtcclxuXHRvcGFjaXR5OiAuNTtcclxuXHRjdXJzb3I6IGRlZmF1bHQ7XHJcbn1cclxuLmxpc3Rib3ggLml0ZW1fc2VsZWN0ZWR7XHJcblx0YmFja2dyb3VuZC1jb2xvcjogI0Y3RjhGQTtcclxufVxyXG5cclxuLmxpc3Rib3ggLml0ZW1fcmlnaHR7XHJcblx0cGFkZGluZy1yaWdodDogMWVtO1xyXG59XHJcblxyXG4ubGlzdGJveCAuaXRlbV9pY29ue1xyXG5cdG1hcmdpbi1yaWdodDogMTBweDtcclxuXHRjb2xvcjogdmFyKC0tZ3JleS0zKTtcclxufVxyXG5cclxuLmxpc3Rib3ggLmxpc3Rib3hfc2Vwe1xyXG5cdG1hcmdpbjogOHB4IDA7XHJcblx0Ym9yZGVyLXRvcDogc29saWQgMXB4ICNFMkU0RUQ7XHJcbn1cclxuXHJcbi5saXN0Ym94IC5pdGVtX2ZsZXgge1xyXG5cdGRpc3BsYXk6IGZsZXg7XHJcblx0YWxpZ24taXRlbXM6IGNlbnRlcjtcclxufVxyXG4ubGlzdGJveCAuaXRlbV9sZWZ0IHtcclxuXHRmbGV4OiAwIDAgYXV0bztcclxufVxyXG4ubGlzdGJveCAuaXRlbV9jZW50ZXIge1xyXG5cdGZsZXg6IDEgMSBhdXRvO1xyXG59XHJcblxyXG4ubGlzdGJveCAuaXRlbV9jYXBpdGFsaXplIC5pdGVtX2NlbnRlciB7XHJcblx0dGV4dC10cmFuc2Zvcm06IGNhcGl0YWxpemU7XHJcbn1cclxuXHJcbi5saXN0Ym94IC5pdGVtX3RpdGxle1xyXG5cdGZvbnQtc2l6ZTogMTVweDtcclxuXHRmb250LXdlaWdodDogNTAwO1xyXG59XHJcbi5saXN0Ym94IC5pdGVtX2Rlc2N7XHJcblx0ZGlzcGxheTogYmxvY2s7XHJcblx0Zm9udC1zaXplOiAxM3B4O1xyXG5cdGNvbG9yOiAjNWQ2MzdlO1xyXG5cdG1hcmdpbi10b3A6IDJweDtcclxufVxyXG4ubGlzdGJveCAuaXRlbV9jaGVja3tcclxuXHRtYXJnaW4tcmlnaHQ6IC0xMnB4O1xyXG5cdG1hcmdpbi1sZWZ0OiAxNnB4O1xyXG5cdGNvbG9yOiAjNzU3Yjk2O1xyXG59XHJcbi5saXN0Ym94IC5pdGVtX2ltZyB7XHJcblx0ZGlzcGxheTogYmxvY2s7XHJcblx0bWF4LXdpZHRoOiA0MDBweDtcclxuXHRtYXJnaW4tdG9wOiA0cHg7XHJcbn1cclxuXHJcbi8qIFNtYXJ0IEhSICovXHJcbi5saXN0Ym94IGxpKy5ocitsaXtcclxuXHRtYXJnaW4tdG9wOiAuNDE2ZW07XHJcblx0cGFkZGluZy10b3A6IC40MTZlbTtcclxuXHRib3JkZXItdG9wOiBzb2xpZCAxcHggI2VlZTtcclxufVxyXG4ubGlzdGJveCBsaS5ocjpmaXJzdC1jaGlsZCtsaSxcclxuLmxpc3Rib3ggbGkuaHI6Zmlyc3QtY2hpbGQrbGkuaHIrbGksXHJcbi5saXN0Ym94IGxpLmhyOmZpcnN0LWNoaWxkK2xpLmhyK2xpLmhyK2xpLFxyXG4ubGlzdGJveCBsaS5ocjpmaXJzdC1jaGlsZCtsaS5ocitsaS5ocitsaS5ocitsaSxcclxuLmxpc3Rib3ggbGkuaHI6Zmlyc3QtY2hpbGQrbGkuaHIrbGkuaHIrbGkuaHIrbGkuaHIrbGksXHJcbi5saXN0Ym94IGxpLmhyOmZpcnN0LWNoaWxkK2xpLmhyK2xpLmhyK2xpLmhyK2xpLmhyK2xpLmhyK2xpLFxyXG4ubGlzdGJveCBsaS5ocjpmaXJzdC1jaGlsZCtsaS5ocitsaS5ocitsaS5ocitsaS5ocitsaS5ocitsaS5ocitsaSxcclxuLmxpc3Rib3ggbGkuaHI6Zmlyc3QtY2hpbGQrbGkuaHIrbGkuaHIrbGkuaHIrbGkuaHIrbGkuaHIrbGkuaHIrbGkuaHIrbGksXHJcbi5saXN0Ym94IGxpLmhyOmZpcnN0LWNoaWxkK2xpLmhyK2xpLmhyK2xpLmhyK2xpLmhyK2xpLmhyK2xpLmhyK2xpLmhyK2xpLmhyK2xpLFxyXG4ubGlzdGJveCBsaS5ocntcclxuXHRtYXJnaW46IDAgIWltcG9ydGFudDtcclxuXHRwYWRkaW5nOiAwICFpbXBvcnRhbnQ7XHJcblx0Ym9yZGVyOiAwICFpbXBvcnRhbnQ7XHJcbn1cclxuIl19 */";