ui-beyable 1.0.35-beta.8 → 1.0.35-beta.9

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.
Files changed (9) hide show
  1. package/lib/cjs/components/Kpi/Kpi.d.ts +1 -1
  2. package/lib/cjs/components/Kpi/types.d.ts +2 -0
  3. package/lib/cjs/index.js +18 -14
  4. package/lib/cjs/index.js.map +1 -1
  5. package/lib/esm/components/Kpi/Kpi.d.ts +1 -1
  6. package/lib/esm/components/Kpi/types.d.ts +2 -0
  7. package/lib/esm/index.js +18 -14
  8. package/lib/esm/index.js.map +1 -1
  9. package/package.json +1 -1
package/lib/cjs/components/Kpi/Kpi.d.ts CHANGED
@@ -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, variationNbDecimal, variationPosition, size }: IKpiItem): JSX.Element;
4
+ declare function KpiItem({ name, value, unit, variation, variationNbDecimal, variationPosition, size, tooltip, tooltipHTML }: IKpiItem): JSX.Element;
5
5
  export { KpiList, KpiItem };
package/lib/cjs/components/Kpi/types.d.ts CHANGED
@@ -10,5 +10,7 @@ interface IKpiItem {
10
10
  variationNbDecimal?: number;
11
11
  variationPosition?: 'bottom' | 'right';
12
12
  size?: 'l' | 'm' | 's';
13
+ tooltip?: string;
14
+ tooltipHTML?: React.ReactNode;
13
15
  }
14
16
  export { IKpiList, IKpiItem };
package/lib/cjs/index.js CHANGED
@@ -3018,7 +3018,7 @@ function KpiList(_a) {
3018
3018
  React.createElement("div", { className: styles$6.list }, children)));
3019
3019
  }
3020
3020
  function KpiItem(_a) {
3021
- var name = _a.name, value = _a.value, unit = _a.unit, variation = _a.variation, _b = _a.variationNbDecimal, variationNbDecimal = _b === void 0 ? 1 : _b, _c = _a.variationPosition, variationPosition = _c === void 0 ? 'bottom' : _c, _d = _a.size, size = _d === void 0 ? 'm' : _d;
3021
+ var name = _a.name, value = _a.value, unit = _a.unit, variation = _a.variation, _b = _a.variationNbDecimal, variationNbDecimal = _b === void 0 ? 1 : _b, _c = _a.variationPosition, variationPosition = _c === void 0 ? 'bottom' : _c, _d = _a.size, size = _d === void 0 ? 'm' : _d, tooltip = _a.tooltip, tooltipHTML = _a.tooltipHTML;
3022
3022
  var className = [];
3023
3023
  var sizeClass = {
3024
3024
  l: styles$6.item_l,
@@ -3037,19 +3037,23 @@ function KpiItem(_a) {
3037
3037
  :
3038
3038
  React.createElement("span", { className: styles$6.item_evolution_down }, displayPercent(variation, variationNbDecimal))));
3039
3039
  }
3040
- return (React.createElement("div", { className: className.join(' ') },
3041
- React.createElement("div", { className: styles$6.item_title }, name),
3042
- React.createElement("div", { className: styles$6.item_value },
3043
- React.createElement("span", null,
3044
- getFormattedNumber(value),
3045
- unit &&
3046
- React.createElement(React.Fragment, null,
3047
- "\u00A0",
3048
- unit)),
3049
- typeof variation === 'number' && variationPosition === 'right' &&
3050
- React.createElement(React.Fragment, null, variationEl)),
3051
- typeof variation === 'number' && variationPosition === 'bottom' &&
3052
- React.createElement("div", null, variationEl)));
3040
+ return (React.createElement(React.Fragment, null,
3041
+ React.createElement("div", { className: className.join(' ') },
3042
+ React.createElement("div", { className: styles$6.item_title },
3043
+ name,
3044
+ (tooltip || tooltipHTML) &&
3045
+ React.createElement(IconBtn, { icon: "fas fa-info-circle", size: "xs", tooltip: tooltip, tooltipHTML: tooltipHTML })),
3046
+ React.createElement("div", { className: styles$6.item_value },
3047
+ React.createElement("span", null,
3048
+ getFormattedNumber(value),
3049
+ unit &&
3050
+ React.createElement(React.Fragment, null,
3051
+ "\u00A0",
3052
+ unit)),
3053
+ typeof variation === 'number' && variationPosition === 'right' &&
3054
+ React.createElement(React.Fragment, null, variationEl)),
3055
+ typeof variation === 'number' && variationPosition === 'bottom' &&
3056
+ React.createElement("div", null, variationEl))));
3053
3057
  }
3054
3058
 
3055
3059
  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 */";