ui-beyable 1.0.35-beta.3 → 1.0.35-beta.5
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.
- package/lib/cjs/components/Kpi/Kpi.d.ts +1 -1
- package/lib/cjs/components/Kpi/types.d.ts +1 -0
- package/lib/cjs/index.js +15 -5
- package/lib/cjs/index.js.map +1 -1
- package/lib/esm/components/Kpi/Kpi.d.ts +1 -1
- package/lib/esm/components/Kpi/types.d.ts +1 -0
- package/lib/esm/index.js +15 -5
- package/lib/esm/index.js.map +1 -1
- package/package.json +1 -1
|
@@ -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 }: IKpiItem): JSX.Element;
|
|
4
|
+
declare function KpiItem({ name, value, unit, variation, variationNbDecimal, size }: IKpiItem): JSX.Element;
|
|
5
5
|
export { KpiList, KpiItem };
|
package/lib/cjs/index.js
CHANGED
|
@@ -2995,8 +2995,8 @@ function EmptyState(_a) {
|
|
|
2995
2995
|
primaryAction)));
|
|
2996
2996
|
}
|
|
2997
2997
|
|
|
2998
|
-
var css_248z$8 = ".Kpi-module_list_wrapper__-ItHd{margin-bottom:-12px;margin-left:-12px}.Kpi-module_list__ijR67{align-items:stretch;display:flex}.Kpi-module_item__IZXRc{background:var(--white);border:1px solid var(--main-border-color);border-radius:6px;margin-bottom:12px;margin-left:12px;padding:0 22px;position:relative}.Kpi-module_item__IZXRc:after,.Kpi-module_item__IZXRc:before{content:\"\";display:block;margin-top:16px}.Kpi-module_item_s__Yc4HP{flex:0 1 calc(
|
|
2999
|
-
var styles$6 = {"list_wrapper":"Kpi-module_list_wrapper__-ItHd","list":"Kpi-module_list__ijR67","item":"Kpi-module_item__IZXRc","item_s":"Kpi-module_item_s__Yc4HP Kpi-module_item__IZXRc","item_m":"Kpi-module_item_m__yj-l1 Kpi-module_item__IZXRc","item_title":"Kpi-module_item_title__IHpB-","item_value":"Kpi-module_item_value__xJTg3","item_evolution":"Kpi-module_item_evolution__nsgmE","item_evolution_up":"Kpi-module_item_evolution_up__vHhY2 Kpi-module_item_evolution__nsgmE","item_evolution_down":"Kpi-module_item_evolution_down__5WLp6 Kpi-module_item_evolution__nsgmE","tabs_border":"Kpi-module_tabs_border__n-CqI","tabs":"Kpi-module_tabs__XiwIU","tab_common":"Kpi-module_tab_common__DEs-3","tab":"Kpi-module_tab__bGBF9 Kpi-module_tab_common__DEs-3","tab_active":"Kpi-module_tab_active__gxE47 Kpi-module_tab_common__DEs-3","listWrapper":"Kpi-module_list_wrapper__-ItHd","itemS":"Kpi-module_item_s__Yc4HP Kpi-module_item__IZXRc","itemM":"Kpi-module_item_m__yj-l1 Kpi-module_item__IZXRc","itemTitle":"Kpi-module_item_title__IHpB-","itemValue":"Kpi-module_item_value__xJTg3","itemEvolution":"Kpi-module_item_evolution__nsgmE","itemEvolutionUp":"Kpi-module_item_evolution_up__vHhY2 Kpi-module_item_evolution__nsgmE","itemEvolutionDown":"Kpi-module_item_evolution_down__5WLp6 Kpi-module_item_evolution__nsgmE","tabsBorder":"Kpi-module_tabs_border__n-CqI","tabCommon":"Kpi-module_tab_common__DEs-3","tabActive":"Kpi-module_tab_active__gxE47 Kpi-module_tab_common__DEs-3"};
|
|
2998
|
+
var css_248z$8 = ".Kpi-module_list_wrapper__-ItHd{margin-bottom:-12px;margin-left:-12px}.Kpi-module_list__ijR67{align-items:stretch;display:flex}.Kpi-module_item__IZXRc{background:var(--white);border:1px solid var(--main-border-color);border-radius:6px;margin-bottom:12px;margin-left:12px;padding:0 22px;position:relative}.Kpi-module_item__IZXRc:after,.Kpi-module_item__IZXRc:before{content:\"\";display:block;margin-top:16px}.Kpi-module_item_s__Yc4HP{flex:0 1 calc(16.66667% - 12px)}.Kpi-module_item_m__yj-l1{flex:0 1 calc(20% - 12px)}.Kpi-module_item_l__lurOA{flex:0 1 calc(25% - 12px)}.Kpi-module_item_title__IHpB-{color:var(--grey-3);font-size:14px;font-weight:500;line-height:1.1;margin-bottom:6px}.Kpi-module_item_value__xJTg3{font-size:28px;font-weight:500;white-space:nowrap}.Kpi-module_item_evolution__nsgmE{border-radius:30px;display:inline-block;font-size:14px;font-weight:500;line-height:16px;margin-top:6px;padding:3px 8px}.Kpi-module_item_evolution_up__vHhY2{background-color:var(--color-success-light);color:var(--color-success)}.Kpi-module_item_evolution_down__5WLp6{background-color:var(--color-alert-light);color:var(--color-alert)}.Kpi-module_tabs_border__n-CqI{border-bottom:1px solid var(--main-border-color);margin-bottom:26px}.Kpi-module_tabs__XiwIU{display:flex;gap:50px}.Kpi-module_tab_common__DEs-3{cursor:pointer;display:flex;flex-direction:column;justify-content:flex-end;min-width:80px;padding-bottom:18px;position:relative}.Kpi-module_tab_common__DEs-3:after{border-radius:3px 3px 0 0;bottom:-1px;content:\"\";height:3px;left:0;position:absolute;right:0;transition:background .2s}.Kpi-module_tabs__XiwIU .Kpi-module_item_value__xJTg3{font-size:26px}@media (max-width:1439px){.Kpi-module_tabs__XiwIU{gap:40px}.Kpi-module_tabs__XiwIU .Kpi-module_item_title__IHpB-{font-size:13px}.Kpi-module_tab_common__DEs-3{padding-bottom:14px}}@media (max-width:1367px){.Kpi-module_tabs__XiwIU{gap:35px}.Kpi-module_tabs__XiwIU .Kpi-module_item_value__xJTg3{font-size:24px}}.Kpi-module_tab__bGBF9:focus:after,.Kpi-module_tab__bGBF9:hover:after{background-color:var(--main-border-color)}.Kpi-module_tab_active__gxE47:after{background-color:var(--turquoise)}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIktwaS5tb2R1bGUuY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUNBLGdDQUNJLG1CQUFvQixDQUNwQixpQkFDSixDQUNBLHdCQUVJLG1CQUFvQixDQURwQixZQUVKLENBQ0Esd0JBQ0ksdUJBQXdCLENBQ3hCLHlDQUEwQyxDQUMxQyxpQkFBa0IsQ0FJbEIsa0JBQW1CLENBRG5CLGdCQUFpQixDQURwQixjQUFlLENBRFosaUJBSUosQ0FDQSw2REFFSSxVQUFXLENBQ2QsYUFBYyxDQUNYLGVBQ0osQ0FPQSwwQkFBVSwrQkFBdUMsQ0FDakQsMEJBQVUseUJBQXVDLENBQ2pELDBCQUFVLHlCQUF1QyxDQUdqRCw4QkFJSSxtQkFBb0IsQ0FIcEIsY0FBZSxDQUNmLGVBQWdCLENBQ2hCLGVBQWdCLENBRWhCLGlCQUNKLENBQ0EsOEJBQ0ksY0FBZSxDQUNmLGVBQWdCLENBQ2hCLGtCQUNKLENBQ0Esa0NBRUksa0JBQW1CLENBRG5CLG9CQUFxQixDQUlyQixjQUFlLENBQ2YsZUFBZ0IsQ0FGaEIsZ0JBQWlCLENBR2pCLGNBQWUsQ0FKZixlQUtKLENBQ0EscUNBR0ksMkNBQTRDLENBRDVDLDBCQUVKLENBRUEsdUNBR0kseUNBQTBDLENBRDFDLHdCQUVKLENBR0EsK0JBQ0ksZ0RBQWlELENBQ2pELGtCQUNKLENBQ0Esd0JBQ0ksWUFBYSxDQUNiLFFBQ0osQ0FDQSw4QkFFSSxjQUFlLENBSWYsWUFBYSxDQUNiLHFCQUFzQixDQUN0Qix3QkFBeUIsQ0FKekIsY0FBZSxDQUhmLG1CQUFvQixDQUVwQixpQkFNSixDQUNBLG9DQU9JLHlCQUEwQixDQUYxQixXQUFZLENBSlosVUFBVyxDQUtYLFVBQVcsQ0FIWCxNQUFPLENBRFAsaUJBQWtCLENBRWxCLE9BQVEsQ0FJUix5QkFDSixDQUNBLHNEQUNJLGNBQ0osQ0FDQSwwQkFDSSx3QkFDSSxRQUNKLENBQ0Esc0RBQ0ksY0FDSixDQUNBLDhCQUNJLG1CQUNKLENBQ0osQ0FDQSwwQkFDSSx3QkFDSSxRQUNKLENBQ0Esc0RBQ0ksY0FDSixDQUNKLENBS0Esc0VBRUkseUNBQ0osQ0FLQSxvQ0FDSSxpQ0FDSiIsImZpbGUiOiJLcGkubW9kdWxlLmNzcyIsInNvdXJjZXNDb250ZW50IjpbIi8qIEtQSSBMaXN0ICovXHJcbi5saXN0X3dyYXBwZXIge1xyXG4gICAgbWFyZ2luLWJvdHRvbTogLTEycHg7XHJcbiAgICBtYXJnaW4tbGVmdDogLTEycHg7XHJcbn1cclxuLmxpc3Qge1xyXG4gICAgZGlzcGxheTogZmxleDtcclxuICAgIGFsaWduLWl0ZW1zOiBzdHJldGNoO1xyXG59XHJcbi5pdGVtIHtcclxuICAgIGJhY2tncm91bmQ6IHZhcigtLXdoaXRlKTtcclxuICAgIGJvcmRlcjogc29saWQgMXB4IHZhcigtLW1haW4tYm9yZGVyLWNvbG9yKTtcclxuICAgIGJvcmRlci1yYWRpdXM6IDZweDtcclxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcclxuXHRwYWRkaW5nOiAwIDIycHg7XHJcbiAgICBtYXJnaW4tbGVmdDogMTJweDtcclxuICAgIG1hcmdpbi1ib3R0b206IDEycHg7XHJcbn1cclxuLml0ZW06OmJlZm9yZSxcclxuLml0ZW06OmFmdGVyIHtcclxuICAgIGNvbnRlbnQ6IFwiXCI7XHJcblx0ZGlzcGxheTogYmxvY2s7XHJcbiAgICBtYXJnaW4tdG9wOiAxNnB4O1xyXG59XHJcblxyXG4uaXRlbV9zLFxyXG4uaXRlbV9tLFxyXG4uaXRlbV9sIHtcclxuICAgIGNvbXBvc2VzOiBpdGVtO1xyXG59XHJcbi5pdGVtX3MgeyBmbGV4OiAwIDEgY2FsYyhjYWxjKDEwMCUgLyA2KSAtIDEycHgpOyB9XHJcbi5pdGVtX20geyBmbGV4OiAwIDEgY2FsYyhjYWxjKDEwMCUgLyA1KSAtIDEycHgpOyB9XHJcbi5pdGVtX2wgeyBmbGV4OiAwIDEgY2FsYyhjYWxjKDEwMCUgLyA0KSAtIDEycHgpOyB9XHJcblxyXG4vKiBJdGVtIGNvbnRlbnQgKi9cclxuLml0ZW1fdGl0bGUge1xyXG4gICAgZm9udC1zaXplOiAxNHB4O1xyXG4gICAgZm9udC13ZWlnaHQ6IDUwMDtcclxuICAgIGxpbmUtaGVpZ2h0OiAxLjE7XHJcbiAgICBjb2xvcjogdmFyKC0tZ3JleS0zKTtcclxuICAgIG1hcmdpbi1ib3R0b206IDZweDtcclxufVxyXG4uaXRlbV92YWx1ZSB7XHJcbiAgICBmb250LXNpemU6IDI4cHg7XHJcbiAgICBmb250LXdlaWdodDogNTAwO1xyXG4gICAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcclxufVxyXG4uaXRlbV9ldm9sdXRpb24ge1xyXG4gICAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xyXG4gICAgYm9yZGVyLXJhZGl1czogMzBweDtcclxuICAgIHBhZGRpbmc6IDNweCA4cHg7XHJcbiAgICBsaW5lLWhlaWdodDogMTZweDtcclxuICAgIGZvbnQtc2l6ZTogMTRweDtcclxuICAgIGZvbnQtd2VpZ2h0OiA1MDA7XHJcbiAgICBtYXJnaW4tdG9wOiA2cHg7XHJcbn1cclxuLml0ZW1fZXZvbHV0aW9uX3VwIHtcclxuICAgIGNvbXBvc2VzOiBpdGVtX2V2b2x1dGlvbjtcclxuICAgIGNvbG9yOiB2YXIoLS1jb2xvci1zdWNjZXNzKTtcclxuICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWNvbG9yLXN1Y2Nlc3MtbGlnaHQpO1xyXG59XHJcblxyXG4uaXRlbV9ldm9sdXRpb25fZG93biB7XHJcbiAgICBjb21wb3NlczogaXRlbV9ldm9sdXRpb247XHJcbiAgICBjb2xvcjogdmFyKC0tY29sb3ItYWxlcnQpO1xyXG4gICAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tY29sb3ItYWxlcnQtbGlnaHQpO1xyXG59XHJcblxyXG4vKiBUYWJzICovXHJcbi50YWJzX2JvcmRlciB7XHJcbiAgICBib3JkZXItYm90dG9tOiBzb2xpZCAxcHggdmFyKC0tbWFpbi1ib3JkZXItY29sb3IpO1xyXG4gICAgbWFyZ2luLWJvdHRvbTogMjZweDtcclxufVxyXG4udGFicyB7XHJcbiAgICBkaXNwbGF5OiBmbGV4O1xyXG4gICAgZ2FwOiA1MHB4O1xyXG59XHJcbi50YWJfY29tbW9uIHtcclxuICAgIHBhZGRpbmctYm90dG9tOiAxOHB4O1xyXG4gICAgY3Vyc29yOiBwb2ludGVyO1xyXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xyXG4gICAgbWluLXdpZHRoOiA4MHB4O1xyXG5cclxuICAgIGRpc3BsYXk6IGZsZXg7XHJcbiAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xyXG4gICAganVzdGlmeS1jb250ZW50OiBmbGV4LWVuZDtcclxufVxyXG4udGFiX2NvbW1vbjo6YWZ0ZXIge1xyXG4gICAgY29udGVudDogXCJcIjtcclxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcclxuICAgIGxlZnQ6IDA7XHJcbiAgICByaWdodDogMDtcclxuICAgIGJvdHRvbTogLTFweDtcclxuICAgIGhlaWdodDogM3B4O1xyXG4gICAgYm9yZGVyLXJhZGl1czogM3B4IDNweCAwIDA7XHJcbiAgICB0cmFuc2l0aW9uOiBiYWNrZ3JvdW5kIDIwMG1zO1xyXG59XHJcbi50YWJzIC5pdGVtX3ZhbHVlIHtcclxuICAgIGZvbnQtc2l6ZTogMjZweDtcclxufVxyXG5AbWVkaWEgKG1heC13aWR0aDogMTQzOXB4KSB7XHJcbiAgICAudGFicyB7XHJcbiAgICAgICAgZ2FwOiA0MHB4O1xyXG4gICAgfVxyXG4gICAgLnRhYnMgLml0ZW1fdGl0bGUge1xyXG4gICAgICAgIGZvbnQtc2l6ZTogMTNweDtcclxuICAgIH1cclxuICAgIC50YWJfY29tbW9uIHtcclxuICAgICAgICBwYWRkaW5nLWJvdHRvbTogMTRweDtcclxuICAgIH1cclxufVxyXG5AbWVkaWEgKG1heC13aWR0aDogMTM2N3B4KSB7XHJcbiAgICAudGFicyB7XHJcbiAgICAgICAgZ2FwOiAzNXB4O1xyXG4gICAgfVxyXG4gICAgLnRhYnMgLml0ZW1fdmFsdWUge1xyXG4gICAgICAgIGZvbnQtc2l6ZTogMjRweDtcclxuICAgIH1cclxufVxyXG5cclxuLnRhYiB7XHJcbiAgICBjb21wb3NlczogdGFiX2NvbW1vbjtcclxufVxyXG4udGFiOmhvdmVyOjphZnRlcixcclxuLnRhYjpmb2N1czo6YWZ0ZXIge1xyXG4gICAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tbWFpbi1ib3JkZXItY29sb3IpO1xyXG59XHJcblxyXG4udGFiX2FjdGl2ZSB7XHJcbiAgICBjb21wb3NlczogdGFiX2NvbW1vbjtcclxufVxyXG4udGFiX2FjdGl2ZTo6YWZ0ZXIge1xyXG4gICAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tdHVycXVvaXNlKTtcclxufVxyXG4iXX0= */";
|
|
2999
|
+
var styles$6 = {"list_wrapper":"Kpi-module_list_wrapper__-ItHd","list":"Kpi-module_list__ijR67","item":"Kpi-module_item__IZXRc","item_s":"Kpi-module_item_s__Yc4HP Kpi-module_item__IZXRc","item_m":"Kpi-module_item_m__yj-l1 Kpi-module_item__IZXRc","item_l":"Kpi-module_item_l__lurOA Kpi-module_item__IZXRc","item_title":"Kpi-module_item_title__IHpB-","item_value":"Kpi-module_item_value__xJTg3","item_evolution":"Kpi-module_item_evolution__nsgmE","item_evolution_up":"Kpi-module_item_evolution_up__vHhY2 Kpi-module_item_evolution__nsgmE","item_evolution_down":"Kpi-module_item_evolution_down__5WLp6 Kpi-module_item_evolution__nsgmE","tabs_border":"Kpi-module_tabs_border__n-CqI","tabs":"Kpi-module_tabs__XiwIU","tab_common":"Kpi-module_tab_common__DEs-3","tab":"Kpi-module_tab__bGBF9 Kpi-module_tab_common__DEs-3","tab_active":"Kpi-module_tab_active__gxE47 Kpi-module_tab_common__DEs-3","listWrapper":"Kpi-module_list_wrapper__-ItHd","itemS":"Kpi-module_item_s__Yc4HP Kpi-module_item__IZXRc","itemM":"Kpi-module_item_m__yj-l1 Kpi-module_item__IZXRc","itemL":"Kpi-module_item_l__lurOA Kpi-module_item__IZXRc","itemTitle":"Kpi-module_item_title__IHpB-","itemValue":"Kpi-module_item_value__xJTg3","itemEvolution":"Kpi-module_item_evolution__nsgmE","itemEvolutionUp":"Kpi-module_item_evolution_up__vHhY2 Kpi-module_item_evolution__nsgmE","itemEvolutionDown":"Kpi-module_item_evolution_down__5WLp6 Kpi-module_item_evolution__nsgmE","tabsBorder":"Kpi-module_tabs_border__n-CqI","tabCommon":"Kpi-module_tab_common__DEs-3","tabActive":"Kpi-module_tab_active__gxE47 Kpi-module_tab_common__DEs-3"};
|
|
3000
3000
|
styleInject(css_248z$8);
|
|
3001
3001
|
|
|
3002
3002
|
var getFormattedNumber = function (n) {
|
|
@@ -3014,11 +3014,21 @@ var displayPercent = function (value, decimal) {
|
|
|
3014
3014
|
};
|
|
3015
3015
|
function KpiList(_a) {
|
|
3016
3016
|
var children = _a.children;
|
|
3017
|
-
return (React.createElement("div", { className: styles$6.
|
|
3017
|
+
return (React.createElement("div", { className: styles$6.list_wrapper },
|
|
3018
|
+
React.createElement("div", { className: styles$6.list }, children)));
|
|
3018
3019
|
}
|
|
3019
3020
|
function KpiItem(_a) {
|
|
3020
|
-
var name = _a.name, value = _a.value, unit = _a.unit, variation = _a.variation, _b = _a.variationNbDecimal, variationNbDecimal = _b === void 0 ? 1 : _b;
|
|
3021
|
-
|
|
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.size, size = _c === void 0 ? 'm' : _c;
|
|
3022
|
+
var className = [];
|
|
3023
|
+
var sizeClass = {
|
|
3024
|
+
l: styles$6.item_l,
|
|
3025
|
+
m: styles$6.item_m,
|
|
3026
|
+
s: styles$6.item_s
|
|
3027
|
+
};
|
|
3028
|
+
if (size in sizeClass) {
|
|
3029
|
+
className.push(sizeClass[size]);
|
|
3030
|
+
}
|
|
3031
|
+
return (React.createElement("div", { className: className.join(' ') },
|
|
3022
3032
|
React.createElement("div", { className: styles$6.item_title }, name),
|
|
3023
3033
|
React.createElement("div", { className: styles$6.item_value },
|
|
3024
3034
|
getFormattedNumber(value),
|