@alixpartners/ui-components 1.20.52 → 1.20.53
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/CHANGELOG.md +4 -1
- package/dist/esm/components/ApSimpleDropdown/ApSimpleDropdown.js +9 -5
- package/dist/esm/components/ApSimpleDropdown/ApSimpleDropdown.js.map +1 -1
- package/dist/esm/components/ApSimpleDropdown/ApSimpleDropdown.styles.js +3 -2
- package/dist/esm/components/ApSimpleDropdown/ApSimpleDropdown.styles.js.map +1 -1
- package/dist/esm/components/ApWidgets/ApCustomKPIWidget/ApCustomKPIWidget.js +59 -0
- package/dist/esm/components/ApWidgets/ApCustomKPIWidget/ApCustomKPIWidget.js.map +1 -0
- package/dist/esm/components/ApWidgets/ApCustomKPIWidget/index.js +14 -0
- package/dist/esm/components/ApWidgets/ApCustomKPIWidget/index.js.map +1 -0
- package/dist/esm/components/ApWidgets/ApCustomKPIWidget/styles.js +20 -0
- package/dist/esm/components/ApWidgets/ApCustomKPIWidget/styles.js.map +1 -0
- package/dist/esm/components/ApWidgets/ApWidgetBarChart/ApWidgetBarChart.js +113 -0
- package/dist/esm/components/ApWidgets/ApWidgetBarChart/ApWidgetBarChart.js.map +1 -0
- package/dist/esm/components/ApWidgets/ApWidgetBarChart/index.js +14 -0
- package/dist/esm/components/ApWidgets/ApWidgetBarChart/index.js.map +1 -0
- package/dist/esm/components/ApWidgets/ApWidgetBarChart/styles.js +11 -0
- package/dist/esm/components/ApWidgets/ApWidgetBarChart/styles.js.map +1 -0
- package/dist/types/components/ApNotifications/styles.d.ts +9 -6
- package/dist/types/components/ApSimpleDropdown/ApSimpleDropdown.d.ts +3 -1
- package/dist/types/components/ApSimpleDropdown/ApSimpleDropdown.styles.d.ts +1 -0
- package/dist/types/components/ApWidgets/ApCustomKPIWidget/ApCustomKPIWidget.d.ts +19 -0
- package/dist/types/components/ApWidgets/ApCustomKPIWidget/index.d.ts +1 -0
- package/dist/types/components/ApWidgets/ApCustomKPIWidget/styles.d.ts +9 -0
- package/dist/types/components/ApWidgets/ApWidgetBarChart/ApWidgetBarChart.d.ts +10 -0
- package/dist/types/components/ApWidgets/ApWidgetBarChart/index.d.ts +1 -0
- package/dist/types/components/ApWidgets/ApWidgetBarChart/styles.d.ts +1 -0
- package/dist/umd/index.js +28 -13
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,9 +1,12 @@
|
|
|
1
|
+
## 1.20.53 (December 2 , 2021)
|
|
2
|
+
|
|
3
|
+
- Updated `ApSimpleDropdown`, added props to limit max amount of multiple items and support for top message
|
|
4
|
+
|
|
1
5
|
## 1.20.52 (October 19, 2021)
|
|
2
6
|
|
|
3
7
|
- Remove material icons from test and stories
|
|
4
8
|
- `ApIcon` added `notification_important`, `notifications` icons
|
|
5
9
|
|
|
6
|
-
|
|
7
10
|
## 1.20.51 (October 18, 2021)
|
|
8
11
|
|
|
9
12
|
- `ApIcon` added multiple icons from Material-UI:
|
|
@@ -39,7 +39,9 @@ var ApSimpleDropdownLabel_1 = require("./ApSimpleDropdownLabel");
|
|
|
39
39
|
var ApSimpleDropdown_styles_1 = require("./ApSimpleDropdown.styles");
|
|
40
40
|
var DEFAULT_LABEL = 'Select an option';
|
|
41
41
|
exports.ApSimpleDropdown = function (_a) {
|
|
42
|
-
var options = _a.options, selected = _a.selected, iconName = _a.iconName, iconProps = _a.iconProps, disabled = _a.disabled, onChange = _a.onChange, label = _a.label, multiple = _a.multiple;
|
|
42
|
+
var options = _a.options, selected = _a.selected, iconName = _a.iconName, iconProps = _a.iconProps, disabled = _a.disabled, onChange = _a.onChange, label = _a.label, multiple = _a.multiple, message = _a.message, maxItems = _a.maxItems;
|
|
43
|
+
var selectedOptionsCount = Array.isArray(selected) ? selected.length : 1;
|
|
44
|
+
var maxItemsExceeded = !!maxItems && selectedOptionsCount >= maxItems;
|
|
43
45
|
var getCheckIcon = function (value) {
|
|
44
46
|
var checked = false;
|
|
45
47
|
if (selected) {
|
|
@@ -51,7 +53,7 @@ exports.ApSimpleDropdown = function (_a) {
|
|
|
51
53
|
checked = selected.value === value;
|
|
52
54
|
}
|
|
53
55
|
}
|
|
54
|
-
return multiple ? (React.createElement(ApCheckbox_1.ApCheckbox, { autoFocus: false, disabled:
|
|
56
|
+
return multiple ? (React.createElement(ApCheckbox_1.ApCheckbox, { autoFocus: false, disabled: !checked && maxItemsExceeded, id: "storybook-checkbox", theme: "light", type: "checkbox", checked: checked })) : (React.createElement(ApSimpleDropdown_styles_1.CheckIcon, { iconName: "outline_done", visible: checked, iconSize: "18px" }));
|
|
55
57
|
};
|
|
56
58
|
var getSelectedLabel = function () {
|
|
57
59
|
if (selected) {
|
|
@@ -73,7 +75,7 @@ exports.ApSimpleDropdown = function (_a) {
|
|
|
73
75
|
if (-1 !== index) {
|
|
74
76
|
newSelected.splice(index, 1);
|
|
75
77
|
}
|
|
76
|
-
else {
|
|
78
|
+
else if (!maxItemsExceeded) {
|
|
77
79
|
newSelected.push(newSelectedOption);
|
|
78
80
|
}
|
|
79
81
|
onChange(newSelected);
|
|
@@ -86,8 +88,10 @@ exports.ApSimpleDropdown = function (_a) {
|
|
|
86
88
|
onChange(newSelectedOption);
|
|
87
89
|
}
|
|
88
90
|
};
|
|
89
|
-
return (React.createElement(ApSimpleDropdown_styles_1.ApMenuStyled, { placement: "bottom", button: function (props) { return (React.createElement(ApSimpleDropdownLabel_1.default, __assign({}, props, { text: label || getSelectedLabel(), iconName: iconName, iconProps: iconProps, disabled: disabled }))); } },
|
|
90
|
-
React.createElement(
|
|
91
|
+
return (React.createElement(ApSimpleDropdown_styles_1.ApMenuStyled, { placement: "bottom", button: function (props) { return (React.createElement(ApSimpleDropdownLabel_1.default, __assign({}, props, { text: label || getSelectedLabel(), iconName: iconName, iconProps: iconProps, disabled: disabled }))); } },
|
|
92
|
+
message && React.createElement(ApSimpleDropdown_styles_1.MessageWrapper, null, message),
|
|
93
|
+
options.map(function (option) { return (React.createElement(ApSimpleDropdown_styles_1.ApMenuItemStyled, { disableCloseOnClick: multiple, key: option.label + "-" + option.value, onClick: function () { return handleOptionSelect(option); }, disabled: option.disabled, icon: option.iconName ? (React.createElement(ApIcon_1.ApIcon, __assign({ iconName: option.iconName, iconSize: "18px" }, option.iconProps))) : (getCheckIcon(option.value)) },
|
|
94
|
+
React.createElement("div", null, option.label))); })));
|
|
91
95
|
};
|
|
92
96
|
exports.default = exports.ApSimpleDropdown;
|
|
93
97
|
//# sourceMappingURL=ApSimpleDropdown.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ApSimpleDropdown.js","sourceRoot":"","sources":["../../../../src/components/ApSimpleDropdown/ApSimpleDropdown.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6BAA8B;AAE9B,4CAA0C;AAC1C,oCAA8C;AAC9C,iEAA2D;AAE3D,
|
|
1
|
+
{"version":3,"file":"ApSimpleDropdown.js","sourceRoot":"","sources":["../../../../src/components/ApSimpleDropdown/ApSimpleDropdown.tsx"],"names":[],"mappings":"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"}
|
|
@@ -4,7 +4,7 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
|
|
|
4
4
|
return cooked;
|
|
5
5
|
};
|
|
6
6
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
7
|
-
exports.CheckIcon = exports.ApMenuStyled = exports.ApMenuItemStyled = exports.ApSimpleDropdownLabelText = exports.ApSimpleDropdownLabelContainer = void 0;
|
|
7
|
+
exports.MessageWrapper = exports.CheckIcon = exports.ApMenuStyled = exports.ApMenuItemStyled = exports.ApSimpleDropdownLabelText = exports.ApSimpleDropdownLabelContainer = void 0;
|
|
8
8
|
var polished_1 = require("polished");
|
|
9
9
|
var styled_components_1 = require("styled-components");
|
|
10
10
|
var theme_1 = require("../../utils/theme");
|
|
@@ -37,5 +37,6 @@ exports.CheckIcon = styled_components_1.default(ApIcon_1.ApIcon)(templateObject_
|
|
|
37
37
|
var visible = _a.visible;
|
|
38
38
|
return (visible ? 'visible' : 'hidden');
|
|
39
39
|
});
|
|
40
|
-
|
|
40
|
+
exports.MessageWrapper = styled_components_1.default.div(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n font-size: 13px;\n letter-spacing: 0.3px;\n color: ", ";\n padding: 8px 32px;\n"], ["\n font-size: 13px;\n letter-spacing: 0.3px;\n color: ", ";\n padding: 8px 32px;\n"])), theme_1.colors.grey5);
|
|
41
|
+
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11;
|
|
41
42
|
//# sourceMappingURL=ApSimpleDropdown.styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ApSimpleDropdown.styles.js","sourceRoot":"","sources":["../../../../src/components/ApSimpleDropdown/ApSimpleDropdown.styles.tsx"],"names":[],"mappings":";;;;;;;AAAA,qCAA+B;AAC/B,uDAA+C;AAE/C,2CAA0C;AAC1C,oCAAkC;AAClC,oCAA8C;AAMjC,QAAA,8BAA8B,GAAG,2BAAM,CAAC,MAAM,ylBAEzD,gJAOS,EAAY,qKAOD,EAAY,4DAIV,EAAwB,+CAIxB,EAAwB,gDAIxB,EAAwB,2BACxB,EAAa,cAGjC;IASM,SAEN;IASK,IACR,KA5CU,cAAM,CAAC,KAAK,EAOD,cAAM,CAAC,KAAK,EAIV,eAAI,CAAC,cAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAIxB,eAAI,CAAC,cAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAIxB,eAAI,CAAC,cAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EACxB,cAAM,CAAC,MAAM,EAGjC,UAAC,EAAU;QAAR,MAAM,YAAA;IACT,OAAA,MAAM;QACJ,CAAC,CAAC,uBAAG,qMAAA,gCACmB,EAAa,gGAKlC,KALqB,cAAM,CAAC,MAAM,EAMrC,CAAC,CAAC,EAAE;AARN,CAQM,EAEN,UAAC,EAAY;QAAV,QAAQ,cAAA;IACX,OAAA,QAAQ;QACN,CAAC,CAAC,uBAAG,2KAAA,yFAGQ,EAAY,aACtB,KADU,cAAM,CAAC,KAAK,EAEzB,CAAC,CAAC,uBAAG,2GAAA,wCAEF,IAAA;AARL,CAQK,EACR;AAEY,QAAA,yBAAyB,GAAG,2BAAM,CAAC,IAAI,4MAAa,aACtD;IACyC,0HAMnD,KAPU,UAAC,EAAY;QAAV,QAAQ,cAAA;IAClB,OAAA,QAAQ,CAAC,CAAC,CAAC,KAAG,cAAM,CAAC,KAAO,CAAC,CAAC,CAAC,KAAG,cAAM,CAAC,KAAO;AAAhD,CAAgD,EAMnD;AAEY,QAAA,gBAAgB,GAAG,2BAAM,CAAC,mBAAU,CAAC,6cAAA,iRAgB1B,EAAwB,+CAIxB,EAAwB,gDAIxB,EAAwB,cAG5C;IASK,IACR,KArBuB,eAAI,CAAC,cAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAIxB,eAAI,CAAC,cAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAIxB,eAAI,CAAC,cAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAG5C,UAAC,EAAY;QAAV,QAAQ,cAAA;IACX,OAAA,QAAQ;QACN,CAAC,CAAC,uBAAG,2KAAA,yFAGQ,EAAY,aACtB,KADU,cAAM,CAAC,KAAK,EAEzB,CAAC,CAAC,uBAAG,2GAAA,wCAEF,IAAA;AARL,CAQK,EACR;AAEY,QAAA,YAAY,GAAG,2BAAM,CAAC,eAAM,CAAC,sIAAA,4DAG1B,EAAY,KAC3B,KADe,cAAM,CAAC,KAAK,EAC3B;AAEY,QAAA,SAAS,GAAG,2BAAM,CAAC,eAAM,CAAC,8FAAuB,kBAC9C,EAAiD,KAChE,KADe,UAAC,EAAW;QAAT,OAAO,aAAA;IAAO,OAAA,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC;AAAhC,CAAgC,EAChE"}
|
|
1
|
+
{"version":3,"file":"ApSimpleDropdown.styles.js","sourceRoot":"","sources":["../../../../src/components/ApSimpleDropdown/ApSimpleDropdown.styles.tsx"],"names":[],"mappings":";;;;;;;AAAA,qCAA+B;AAC/B,uDAA+C;AAE/C,2CAA0C;AAC1C,oCAAkC;AAClC,oCAA8C;AAMjC,QAAA,8BAA8B,GAAG,2BAAM,CAAC,MAAM,ylBAEzD,gJAOS,EAAY,qKAOD,EAAY,4DAIV,EAAwB,+CAIxB,EAAwB,gDAIxB,EAAwB,2BACxB,EAAa,cAGjC;IASM,SAEN;IASK,IACR,KA5CU,cAAM,CAAC,KAAK,EAOD,cAAM,CAAC,KAAK,EAIV,eAAI,CAAC,cAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAIxB,eAAI,CAAC,cAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAIxB,eAAI,CAAC,cAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EACxB,cAAM,CAAC,MAAM,EAGjC,UAAC,EAAU;QAAR,MAAM,YAAA;IACT,OAAA,MAAM;QACJ,CAAC,CAAC,uBAAG,qMAAA,gCACmB,EAAa,gGAKlC,KALqB,cAAM,CAAC,MAAM,EAMrC,CAAC,CAAC,EAAE;AARN,CAQM,EAEN,UAAC,EAAY;QAAV,QAAQ,cAAA;IACX,OAAA,QAAQ;QACN,CAAC,CAAC,uBAAG,2KAAA,yFAGQ,EAAY,aACtB,KADU,cAAM,CAAC,KAAK,EAEzB,CAAC,CAAC,uBAAG,2GAAA,wCAEF,IAAA;AARL,CAQK,EACR;AAEY,QAAA,yBAAyB,GAAG,2BAAM,CAAC,IAAI,4MAAa,aACtD;IACyC,0HAMnD,KAPU,UAAC,EAAY;QAAV,QAAQ,cAAA;IAClB,OAAA,QAAQ,CAAC,CAAC,CAAC,KAAG,cAAM,CAAC,KAAO,CAAC,CAAC,CAAC,KAAG,cAAM,CAAC,KAAO;AAAhD,CAAgD,EAMnD;AAEY,QAAA,gBAAgB,GAAG,2BAAM,CAAC,mBAAU,CAAC,6cAAA,iRAgB1B,EAAwB,+CAIxB,EAAwB,gDAIxB,EAAwB,cAG5C;IASK,IACR,KArBuB,eAAI,CAAC,cAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAIxB,eAAI,CAAC,cAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAIxB,eAAI,CAAC,cAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAG5C,UAAC,EAAY;QAAV,QAAQ,cAAA;IACX,OAAA,QAAQ;QACN,CAAC,CAAC,uBAAG,2KAAA,yFAGQ,EAAY,aACtB,KADU,cAAM,CAAC,KAAK,EAEzB,CAAC,CAAC,uBAAG,2GAAA,wCAEF,IAAA;AARL,CAQK,EACR;AAEY,QAAA,YAAY,GAAG,2BAAM,CAAC,eAAM,CAAC,sIAAA,4DAG1B,EAAY,KAC3B,KADe,cAAM,CAAC,KAAK,EAC3B;AAEY,QAAA,SAAS,GAAG,2BAAM,CAAC,eAAM,CAAC,8FAAuB,kBAC9C,EAAiD,KAChE,KADe,UAAC,EAAW;QAAT,OAAO,aAAA;IAAO,OAAA,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC;AAAhC,CAAgC,EAChE;AAEY,QAAA,cAAc,GAAG,2BAAM,CAAC,GAAG,6JAAA,2DAG7B,EAAY,2BAEtB,KAFU,cAAM,CAAC,KAAK,EAEtB"}
|
|
@@ -0,0 +1,59 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __assign = (this && this.__assign) || function () {
|
|
3
|
+
__assign = Object.assign || function(t) {
|
|
4
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
+
s = arguments[i];
|
|
6
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
+
t[p] = s[p];
|
|
8
|
+
}
|
|
9
|
+
return t;
|
|
10
|
+
};
|
|
11
|
+
return __assign.apply(this, arguments);
|
|
12
|
+
};
|
|
13
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
14
|
+
var t = {};
|
|
15
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
16
|
+
t[p] = s[p];
|
|
17
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
18
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
19
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
20
|
+
t[p[i]] = s[p[i]];
|
|
21
|
+
}
|
|
22
|
+
return t;
|
|
23
|
+
};
|
|
24
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
25
|
+
exports.ApCustomKPIWidget = void 0;
|
|
26
|
+
var React = require("react");
|
|
27
|
+
var ApLoaderDefault_1 = require("../../ApLoaderDefault");
|
|
28
|
+
var ApLoaderText_1 = require("../../ApLoaderText");
|
|
29
|
+
var ApWidgetBigValue_1 = require("../ApWidgetBigValue");
|
|
30
|
+
var ApWidgetBullet_1 = require("../ApWidgetBullet");
|
|
31
|
+
var ApWidgetChangeOverTime_1 = require("../ApWidgetChangeOverTime");
|
|
32
|
+
var ApWidgetName_1 = require("../ApWidgetName");
|
|
33
|
+
var ApWidgetValueType1_1 = require("../ApWidgetValueType1");
|
|
34
|
+
var styles_1 = require("./styles");
|
|
35
|
+
exports.ApCustomKPIWidget = function (_a) {
|
|
36
|
+
var _b = _a.config, config = _b === void 0 ? { name: '' } : _b, data = _a.data, props = __rest(_a, ["config", "data"]);
|
|
37
|
+
return (React.createElement(styles_1.Container, __assign({}, props),
|
|
38
|
+
config && React.createElement(ApWidgetName_1.ApWidgetName, { name: config.name, iconType: config.iconType }),
|
|
39
|
+
!data ? (React.createElement(styles_1.StyledWidgetBody, null,
|
|
40
|
+
React.createElement(ApLoaderDefault_1.ApLoaderDefault, { loaderText: function () { return React.createElement(ApLoaderText_1.ApLoaderText, null); } }))) : (React.createElement(styles_1.ColsWrapper, null,
|
|
41
|
+
React.createElement("div", null,
|
|
42
|
+
React.createElement(styles_1.VarianceContainer, null,
|
|
43
|
+
React.createElement(ApWidgetBigValue_1.ApWidgetBigValue, null, data.value)),
|
|
44
|
+
React.createElement(styles_1.AverageContainer, null,
|
|
45
|
+
React.createElement(ApWidgetChangeOverTime_1.ApWidgetChangeOverTime, { value: data.compareValue && data.compareValue + "%", trend: +data.compareValue }),
|
|
46
|
+
data.valuePairs.map(function (valuePair, index) { return (React.createElement(ApWidgetValueType1_1.ApWidgetValueType1, { key: valuePair.label + index, label: valuePair.label, value: valuePair.value })); })),
|
|
47
|
+
React.createElement(styles_1.AttributesListContainer, null, data.attributes.map(function (attribute, index) { return (React.createElement(ApWidgetBullet_1.ApWidgetBullet, { key: attribute + index, value: attribute })); }))),
|
|
48
|
+
config && config.widthRatio === 2 ? (React.createElement(styles_1.CenterAlign, null,
|
|
49
|
+
React.createElement("svg", { height: 64, viewBox: "0 0 24 24", width: 64 },
|
|
50
|
+
React.createElement("path", { d: "M0 0h24v24H0V0z", fill: "none" }),
|
|
51
|
+
React.createElement("path", { d: "M5 9.2h3V19H5V9.2zM10.6 5h2.8v14h-2.8V5zm5.6 8H19v6h-2.8v-6z" })))) : null))));
|
|
52
|
+
};
|
|
53
|
+
exports.ApCustomKPIWidget.defaultProps = {
|
|
54
|
+
config: {
|
|
55
|
+
name: '',
|
|
56
|
+
},
|
|
57
|
+
data: null,
|
|
58
|
+
};
|
|
59
|
+
//# sourceMappingURL=ApCustomKPIWidget.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ApCustomKPIWidget.js","sourceRoot":"","sources":["../../../../../src/components/ApWidgets/ApCustomKPIWidget/ApCustomKPIWidget.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6BAA8B;AAG9B,yDAAuD;AACvD,mDAAiD;AACjD,wDAAsD;AACtD,oDAAkD;AAClD,oEAAkE;AAClE,gDAA8C;AAC9C,4DAA0D;AAG1D,mCAQiB;AAkBJ,QAAA,iBAAiB,GAAsB,UAAC,EAI5C;IAHP,IAAA,cAAqB,EAArB,MAAM,mBAAG,EAAE,IAAI,EAAE,EAAE,EAAE,KAAA,EACrB,IAAI,UAAA,EACD,KAAK,cAH2C,kBAIpD,CADS;IAER,OAAO,CACL,oBAAC,kBAAS,eAAM,KAAa;QAC1B,MAAM,IAAI,oBAAC,2BAAY,IAAC,IAAI,EAAE,MAAM,CAAC,IAAI,EAAE,QAAQ,EAAE,MAAM,CAAC,QAAQ,GAAI;QAExE,CAAC,IAAI,CAAC,CAAC,CAAC,CACP,oBAAC,yBAAgB;YACf,oBAAC,iCAAe,IAAC,UAAU,EAAE,cAAM,OAAA,oBAAC,2BAAY,OAAG,EAAhB,CAAgB,GAAI,CACtC,CACpB,CAAC,CAAC,CAAC,CACF,oBAAC,oBAAW;YACV;gBACE,oBAAC,0BAAiB;oBAChB,oBAAC,mCAAgB,QAAE,IAAI,CAAC,KAAK,CAAoB,CAC/B;gBACpB,oBAAC,yBAAgB;oBACf,oBAAC,+CAAsB,IACrB,KAAK,EAAE,IAAI,CAAC,YAAY,IAAO,IAAI,CAAC,YAAY,MAAG,EACnD,KAAK,EAAE,CAAC,IAAI,CAAC,YAAY,GACD;oBACzB,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,UAAC,SAAqB,EAAE,KAAa,IAAK,OAAA,CAC7D,oBAAC,uCAAkB,IACjB,GAAG,EAAE,SAAS,CAAC,KAAK,GAAG,KAAK,EAC5B,KAAK,EAAE,SAAS,CAAC,KAAK,EACtB,KAAK,EAAE,SAAS,CAAC,KAAK,GACF,CACvB,EAN8D,CAM9D,CAAC,CACe;gBACnB,oBAAC,gCAAuB,QACrB,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,UAAC,SAAiB,EAAE,KAAa,IAAK,OAAA,CACzD,oBAAC,+BAAc,IAAC,GAAG,EAAE,SAAS,GAAG,KAAK,EAAE,KAAK,EAAE,SAAS,GAAI,CAC7D,EAF0D,CAE1D,CAAC,CACsB,CACtB;YACL,MAAM,IAAI,MAAM,CAAC,UAAU,KAAK,CAAC,CAAC,CAAC,CAAC,CACnC,oBAAC,oBAAW;gBACV,6BAAK,MAAM,EAAE,EAAE,EAAE,OAAO,EAAC,WAAW,EAAC,KAAK,EAAE,EAAE;oBAC5C,8BAAM,CAAC,EAAC,iBAAiB,EAAC,IAAI,EAAC,MAAM,GAAG;oBACxC,8BAAM,CAAC,EAAC,8DAA8D,GAAG,CACrE,CACM,CACf,CAAC,CAAC,CAAC,IAAI,CACI,CACf,CACS,CACb,CAAA;AACH,CAAC,CAAA;AAED,yBAAiB,CAAC,YAAY,GAAG;IAC/B,MAAM,EAAE;QACN,IAAI,EAAE,EAAE;KACT;IACD,IAAI,EAAE,IAAI;CACX,CAAA"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
|
|
5
|
+
}) : (function(o, m, k, k2) {
|
|
6
|
+
if (k2 === undefined) k2 = k;
|
|
7
|
+
o[k2] = m[k];
|
|
8
|
+
}));
|
|
9
|
+
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
10
|
+
for (var p in m) if (p !== "default" && !exports.hasOwnProperty(p)) __createBinding(exports, m, p);
|
|
11
|
+
};
|
|
12
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
13
|
+
__exportStar(require("./ApCustomKPIWidget"), exports);
|
|
14
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/ApWidgets/ApCustomKPIWidget/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,sDAAmC"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
|
3
|
+
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
4
|
+
return cooked;
|
|
5
|
+
};
|
|
6
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
7
|
+
exports.CenterAlign = exports.ColsWrapper = exports.AverageContainer = exports.AttributesListContainer = exports.VarianceContainer = exports.Value = exports.Label = exports.Container = exports.StyledWidgetBody = void 0;
|
|
8
|
+
var styled_components_1 = require("styled-components");
|
|
9
|
+
var theme_1 = require("../../../utils/theme");
|
|
10
|
+
exports.StyledWidgetBody = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: flex;\n justify-content: center;\n flex-direction: column;\n height: 100%;\n"], ["\n display: flex;\n justify-content: center;\n flex-direction: column;\n height: 100%;\n"])));
|
|
11
|
+
exports.Container = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n height: 100%;\n padding: 20px 12px 20px 24px;\n background: ", ";\n box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.1);\n box-sizing: border-box;\n height: 100%;\n width: 100%;\n"], ["\n display: flex;\n flex-direction: column;\n height: 100%;\n padding: 20px 12px 20px 24px;\n background: ", ";\n box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.1);\n box-sizing: border-box;\n height: 100%;\n width: 100%;\n"])), theme_1.colors.white);
|
|
12
|
+
exports.Label = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n font-size: 11px;\n color: ", ";\n"], ["\n font-size: 11px;\n color: ", ";\n"])), theme_1.colors.grey5);
|
|
13
|
+
exports.Value = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n font-size: 13px;\n font-weight: bold;\n color: ", ";\n margin-top: 8px;\n"], ["\n font-size: 13px;\n font-weight: bold;\n color: ", ";\n margin-top: 8px;\n"])), theme_1.colors.grey7);
|
|
14
|
+
exports.VarianceContainer = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n display: flex;\n justify-content: space-between;\n align-items: center;\n"], ["\n display: flex;\n justify-content: space-between;\n align-items: center;\n"])));
|
|
15
|
+
exports.AttributesListContainer = styled_components_1.default.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n & > div {\n margin: 0 8px 4px 0;\n }\n"], ["\n & > div {\n margin: 0 8px 4px 0;\n }\n"])));
|
|
16
|
+
exports.AverageContainer = styled_components_1.default(exports.AttributesListContainer)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n display: flex;\n justify-content: space-between;\n & > div {\n flex: 50%;\n }\n margin: 16px 0 12px;\n"], ["\n display: flex;\n justify-content: space-between;\n & > div {\n flex: 50%;\n }\n margin: 16px 0 12px;\n"])));
|
|
17
|
+
exports.ColsWrapper = styled_components_1.default.div(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n display: flex;\n\n & > div {\n flex: 1 1 0;\n width: 50%;\n }\n"], ["\n display: flex;\n\n & > div {\n flex: 1 1 0;\n width: 50%;\n }\n"])));
|
|
18
|
+
exports.CenterAlign = styled_components_1.default.div(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n display: flex;\n justify-content: center;\n align-items: center;\n\n & > svg {\n margin: 30px auto;\n fill: ", ";\n }\n"], ["\n display: flex;\n justify-content: center;\n align-items: center;\n\n & > svg {\n margin: 30px auto;\n fill: ", ";\n }\n"])), theme_1.colors.grey3);
|
|
19
|
+
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9;
|
|
20
|
+
//# sourceMappingURL=styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/components/ApWidgets/ApCustomKPIWidget/styles.tsx"],"names":[],"mappings":";;;;;;;AAAA,uDAAsC;AAEtC,8CAA6C;AAEhC,QAAA,gBAAgB,GAAG,2BAAM,CAAC,GAAG,iKAAA,8FAKzC,KAAA;AAEY,QAAA,SAAS,GAAG,2BAAM,CAAC,GAAG,uSAAA,iHAKnB,EAAY,iHAK3B,KALe,cAAM,CAAC,KAAK,EAK3B;AAEY,QAAA,KAAK,GAAG,2BAAM,CAAC,GAAG,2GAAA,iCAEpB,EAAY,KACtB,KADU,cAAM,CAAC,KAAK,EACtB;AAEY,QAAA,KAAK,GAAG,2BAAM,CAAC,GAAG,qJAAA,uDAGpB,EAAY,yBAEtB,KAFU,cAAM,CAAC,KAAK,EAEtB;AAEY,QAAA,iBAAiB,GAAG,2BAAM,CAAC,GAAG,oJAAA,iFAI1C,KAAA;AAEY,QAAA,uBAAuB,GAAG,2BAAM,CAAC,GAAG,mHAAA,gDAIhD,KAAA;AAEY,QAAA,gBAAgB,GAAG,2BAAM,CAAC,+BAA8B,CAAC,sLAAA,mHAOrE,KAAA;AAEY,QAAA,WAAW,GAAG,2BAAM,CAAC,GAAG,gJAAA,6EAOpC,KAAA;AAEY,QAAA,WAAW,GAAG,2BAAM,CAAC,GAAG,0MAAA,2HAOzB,EAAY,UAEvB,KAFW,cAAM,CAAC,KAAK,EAEvB"}
|
|
@@ -0,0 +1,113 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __assign = (this && this.__assign) || function () {
|
|
3
|
+
__assign = Object.assign || function(t) {
|
|
4
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
+
s = arguments[i];
|
|
6
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
+
t[p] = s[p];
|
|
8
|
+
}
|
|
9
|
+
return t;
|
|
10
|
+
};
|
|
11
|
+
return __assign.apply(this, arguments);
|
|
12
|
+
};
|
|
13
|
+
var __spreadArrays = (this && this.__spreadArrays) || function () {
|
|
14
|
+
for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;
|
|
15
|
+
for (var r = Array(s), k = 0, i = 0; i < il; i++)
|
|
16
|
+
for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)
|
|
17
|
+
r[k] = a[j];
|
|
18
|
+
return r;
|
|
19
|
+
};
|
|
20
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
21
|
+
exports.ApWidgetBarChart = void 0;
|
|
22
|
+
var Highcharts = require("highcharts");
|
|
23
|
+
var highcharts_react_official_1 = require("highcharts-react-official");
|
|
24
|
+
var React = require("react");
|
|
25
|
+
var theme_1 = require("../../../utils/theme");
|
|
26
|
+
var styles_1 = require("./styles");
|
|
27
|
+
var defaultOptions = {
|
|
28
|
+
chart: {
|
|
29
|
+
height: 222,
|
|
30
|
+
type: 'column',
|
|
31
|
+
},
|
|
32
|
+
credits: {
|
|
33
|
+
enabled: false,
|
|
34
|
+
},
|
|
35
|
+
legend: {
|
|
36
|
+
align: 'center',
|
|
37
|
+
itemStyle: {
|
|
38
|
+
color: '#333333',
|
|
39
|
+
fontSize: '11px',
|
|
40
|
+
fontWeight: 'normal',
|
|
41
|
+
},
|
|
42
|
+
symbolRadius: 0,
|
|
43
|
+
verticalAlign: 'top',
|
|
44
|
+
x: 16,
|
|
45
|
+
},
|
|
46
|
+
plotOptions: {
|
|
47
|
+
column: {
|
|
48
|
+
borderWidth: 0,
|
|
49
|
+
groupPadding: 0.33,
|
|
50
|
+
pointPadding: 0,
|
|
51
|
+
pointWidth: 3,
|
|
52
|
+
},
|
|
53
|
+
},
|
|
54
|
+
series: [],
|
|
55
|
+
title: {
|
|
56
|
+
text: '',
|
|
57
|
+
},
|
|
58
|
+
tooltip: {
|
|
59
|
+
footerFormat: '</table>',
|
|
60
|
+
headerFormat: '<span style="font-size:10px">{point.key}</span><table>',
|
|
61
|
+
pointFormat: '<tr><td style="color:{series.color};padding:0">{series.name}: </td>' +
|
|
62
|
+
'<td style="padding:0"><b>{point.y:.1f} mm</b></td></tr>',
|
|
63
|
+
shared: true,
|
|
64
|
+
useHTML: true,
|
|
65
|
+
},
|
|
66
|
+
xAxis: {
|
|
67
|
+
labels: {
|
|
68
|
+
style: {
|
|
69
|
+
color: theme_1.colors.grey5,
|
|
70
|
+
fontSize: '11px',
|
|
71
|
+
},
|
|
72
|
+
},
|
|
73
|
+
},
|
|
74
|
+
yAxis: {
|
|
75
|
+
labels: {
|
|
76
|
+
formatter: function () {
|
|
77
|
+
return this.value + '%';
|
|
78
|
+
},
|
|
79
|
+
style: {
|
|
80
|
+
color: theme_1.colors.grey5,
|
|
81
|
+
fontSize: '11px',
|
|
82
|
+
},
|
|
83
|
+
},
|
|
84
|
+
max: 100,
|
|
85
|
+
min: 0,
|
|
86
|
+
tickAmount: 5,
|
|
87
|
+
title: {
|
|
88
|
+
text: '',
|
|
89
|
+
},
|
|
90
|
+
},
|
|
91
|
+
};
|
|
92
|
+
exports.ApWidgetBarChart = function (_a) {
|
|
93
|
+
var data = _a.data;
|
|
94
|
+
var currentPeriodData = data.map(function (item) { return item.values[0]; });
|
|
95
|
+
var prevPeriodData = data.map(function (item) { return item.values[1] || 0; });
|
|
96
|
+
var maxValue = Math.max.apply(Math, __spreadArrays(currentPeriodData, prevPeriodData));
|
|
97
|
+
var yAxisMax = Math.ceil(maxValue / 25) * 25;
|
|
98
|
+
var currentSeries = {
|
|
99
|
+
color: theme_1.colors.chartDarkBlue,
|
|
100
|
+
data: currentPeriodData,
|
|
101
|
+
name: 'Current period',
|
|
102
|
+
};
|
|
103
|
+
var prevSeries = {
|
|
104
|
+
color: theme_1.colors.chartLightBlue,
|
|
105
|
+
data: prevPeriodData,
|
|
106
|
+
name: 'Prior period',
|
|
107
|
+
};
|
|
108
|
+
var hasPrevSeries = prevPeriodData.filter(Boolean).length > 0;
|
|
109
|
+
var options = __assign(__assign({}, defaultOptions), { series: hasPrevSeries ? [currentSeries, prevSeries] : [currentSeries], xAxis: __assign(__assign({}, defaultOptions.xAxis), { categories: data.map(function (item) { return item.label; }) }), yAxis: __assign(__assign({}, defaultOptions.yAxis), { max: yAxisMax }) });
|
|
110
|
+
return (React.createElement(styles_1.Wrapper, null,
|
|
111
|
+
React.createElement(highcharts_react_official_1.default, { highcharts: Highcharts, options: options })));
|
|
112
|
+
};
|
|
113
|
+
//# sourceMappingURL=ApWidgetBarChart.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ApWidgetBarChart.js","sourceRoot":"","sources":["../../../../../src/components/ApWidgets/ApWidgetBarChart/ApWidgetBarChart.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
|
|
5
|
+
}) : (function(o, m, k, k2) {
|
|
6
|
+
if (k2 === undefined) k2 = k;
|
|
7
|
+
o[k2] = m[k];
|
|
8
|
+
}));
|
|
9
|
+
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
10
|
+
for (var p in m) if (p !== "default" && !exports.hasOwnProperty(p)) __createBinding(exports, m, p);
|
|
11
|
+
};
|
|
12
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
13
|
+
__exportStar(require("./ApWidgetBarChart"), exports);
|
|
14
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/ApWidgets/ApWidgetBarChart/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,qDAAkC"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
|
3
|
+
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
4
|
+
return cooked;
|
|
5
|
+
};
|
|
6
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
7
|
+
exports.Wrapper = void 0;
|
|
8
|
+
var styled_components_1 = require("styled-components");
|
|
9
|
+
exports.Wrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n .highcharts-axis-labels text {\n font-size: 7px;\n }\n"], ["\n .highcharts-axis-labels text {\n font-size: 7px;\n }\n"])));
|
|
10
|
+
var templateObject_1;
|
|
11
|
+
//# sourceMappingURL=styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/components/ApWidgets/ApWidgetBarChart/styles.ts"],"names":[],"mappings":";;;;;;;AAAA,uDAAsC;AAEzB,QAAA,OAAO,GAAG,2BAAM,CAAC,GAAG,mIAAA,gEAIhC,KAAA"}
|
|
@@ -14,15 +14,18 @@ export declare const PushWrapper: import("styled-components").StyledComponent<"d
|
|
|
14
14
|
export declare const PushNotification: import("styled-components").StyledComponent<import("react").SFC<import("./NotificationItem").IProps>, any, {}, never>;
|
|
15
15
|
export declare const GrouppedNotification: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
16
16
|
export declare const GrouppedText: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
17
|
-
export declare const RestyledSnackContainer: import("styled-components").GlobalStyleComponent<Pick<Pick<
|
|
18
|
-
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
19
|
-
}, "hidden" | "dir" | "slot" | "style" | "title" | "color" | "translate" | "prefix" | "ref" | "children" | "key" | "className" | "id" | "lang" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is"> & Partial<Pick<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "hidden" | "dir" | "slot" | "style" | "title" | "color" | "translate" | "prefix" | "children" | "key" | "className" | "id" | "lang" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is"> & {
|
|
20
|
-
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
21
|
-
}, never>> & Pick<any, string | number | symbol> & Partial<Pick<any, never>>, string | number | symbol> & {
|
|
17
|
+
export declare const RestyledSnackContainer: import("styled-components").GlobalStyleComponent<(Pick<Pick<any, string | number | symbol> & Partial<Pick<any, never>>, string | number | symbol> & {
|
|
22
18
|
theme?: any;
|
|
23
19
|
} & {
|
|
24
20
|
as?: string | import("react").ComponentClass<any, any> | import("react").FunctionComponent<any> | undefined;
|
|
25
21
|
forwardedAs?: string | import("react").ComponentClass<any, any> | import("react").FunctionComponent<any> | undefined;
|
|
26
|
-
},
|
|
22
|
+
}) | (Pick<Pick<any, string | number | symbol> & Partial<Pick<any, never>>, string | number | symbol> & {
|
|
23
|
+
theme?: any;
|
|
24
|
+
} & {
|
|
25
|
+
children?: import("react").ReactNode;
|
|
26
|
+
} & {
|
|
27
|
+
as?: string | import("react").ComponentClass<any, any> | import("react").FunctionComponent<any> | undefined;
|
|
28
|
+
forwardedAs?: string | import("react").ComponentClass<any, any> | import("react").FunctionComponent<any> | undefined;
|
|
29
|
+
}), import("styled-components").DefaultTheme>;
|
|
27
30
|
export declare const CloseWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
28
31
|
export {};
|
|
@@ -15,6 +15,8 @@ export interface IApSimpleDropdownProps {
|
|
|
15
15
|
iconProps?: IIconProps;
|
|
16
16
|
disabled?: boolean;
|
|
17
17
|
multiple?: boolean;
|
|
18
|
+
message?: string;
|
|
19
|
+
maxItems?: number;
|
|
18
20
|
}
|
|
19
|
-
export declare const ApSimpleDropdown: ({ options, selected, iconName, iconProps, disabled, onChange, label, multiple, }: IApSimpleDropdownProps) => JSX.Element;
|
|
21
|
+
export declare const ApSimpleDropdown: ({ options, selected, iconName, iconProps, disabled, onChange, label, multiple, message, maxItems, }: IApSimpleDropdownProps) => JSX.Element;
|
|
20
22
|
export default ApSimpleDropdown;
|
|
@@ -10,4 +10,5 @@ export declare const ApMenuStyled: import("styled-components").StyledComponent<i
|
|
|
10
10
|
export declare const CheckIcon: import("styled-components").StyledComponent<import("react").SFC<import("../ApIcon").IIconProps>, any, {
|
|
11
11
|
visible?: boolean | undefined;
|
|
12
12
|
}, never>;
|
|
13
|
+
export declare const MessageWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
13
14
|
export {};
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { IDefaultProps } from '../../../utils/types';
|
|
3
|
+
import { IConfigKeys } from '../types';
|
|
4
|
+
interface IValuePair {
|
|
5
|
+
label: string;
|
|
6
|
+
value: string | number;
|
|
7
|
+
}
|
|
8
|
+
interface IDataProp {
|
|
9
|
+
value: number | string;
|
|
10
|
+
compareValue: number;
|
|
11
|
+
attributes: string[];
|
|
12
|
+
valuePairs: IValuePair[];
|
|
13
|
+
}
|
|
14
|
+
interface IProps extends IDefaultProps {
|
|
15
|
+
config?: IConfigKeys;
|
|
16
|
+
data?: IDataProp | null;
|
|
17
|
+
}
|
|
18
|
+
export declare const ApCustomKPIWidget: React.SFC<IProps>;
|
|
19
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './ApCustomKPIWidget';
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
export declare const StyledWidgetBody: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
2
|
+
export declare const Container: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
3
|
+
export declare const Label: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
4
|
+
export declare const Value: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
5
|
+
export declare const VarianceContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
6
|
+
export declare const AttributesListContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
7
|
+
export declare const AverageContainer: import("styled-components").StyledComponent<any, any, object, string | number | symbol>;
|
|
8
|
+
export declare const ColsWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
9
|
+
export declare const CenterAlign: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { IDefaultProps } from '../../../utils/types';
|
|
3
|
+
export interface IBarChartDataItem {
|
|
4
|
+
label: string;
|
|
5
|
+
values: number[];
|
|
6
|
+
}
|
|
7
|
+
export interface IApWidgetBarChartProps extends IDefaultProps {
|
|
8
|
+
data: IBarChartDataItem[];
|
|
9
|
+
}
|
|
10
|
+
export declare const ApWidgetBarChart: React.SFC<IApWidgetBarChartProps>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './ApWidgetBarChart';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const Wrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
|