@xfers/design-system 2.4.0 → 2.4.4
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/cjs/index.js +3 -3
- package/cjs/index.js.map +1 -1
- package/dist/components/Card/index.js +1 -1
- package/dist/components/Card/index.js.map +1 -1
- package/dist/components/Chart/index.js +18 -9
- package/dist/components/Chart/index.js.map +1 -1
- package/dist/components/SummaryCard/index.js +10 -4
- package/dist/components/SummaryCard/index.js.map +1 -1
- package/dist/types/components/Chart/index.d.ts +3 -1
- package/dist/types/components/SummaryCard/index.d.ts +4 -2
- package/es/icons.js +1 -1
- package/es/index.js +4 -4
- package/es/index.js.map +1 -1
- package/es/logos.js +1 -1
- package/package.json +1 -1
|
@@ -35,7 +35,7 @@ var themeContext_1 = require("src/shared/themeContext");
|
|
|
35
35
|
var CustomCard = function (_a) {
|
|
36
36
|
var className = _a.className, _b = _a.alignTitle, alignTitle = _b === void 0 ? 'center' : _b, _c = _a.alignBody, alignBody = _c === void 0 ? 'left' : _c, _d = _a.type, type = _d === void 0 ? 'default' : _d, restProps = __rest(_a, ["className", "alignTitle", "alignBody", "type"]);
|
|
37
37
|
var _e = themeContext_1.useTheme(), card = _e.card, text = _e.text, neutral = _e.neutral;
|
|
38
|
-
var textColor = "\n color: " + (type === 'default' ? text.default : text.white) + ";\n\n & > div {\n color: " + (type === 'default' ? text.default : text.white) + ";\n }\n\n h1 {\n color: " + (type === 'default' ? text.default : text.white) + ";\n }\n ";
|
|
38
|
+
var textColor = "\n color: " + (type === 'default' ? text.default : text.white) + ";\n\n & > div > div {\n color: " + (type === 'default' ? text.default : text.white) + ";\n }\n\n h1 {\n color: " + (type === 'default' ? text.default : text.white) + ";\n }\n ";
|
|
39
39
|
var baseStyle = emotion_1.css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n border-radius: 4px;\n border-width: 1px;\n border-style: solid;\n border-color: ", ";\n background: ", " !important;\n\n & > .ant-card-head {\n padding: 0 15px;\n font-weight: ", ";\n font-size: ", ";\n line-height: ", ";\n ", ";\n\n .ant-card-head-title {\n padding: 15px 0;\n white-space: normal;\n ", ";\n }\n\n .ant-card-extra {\n padding: 15px 0;\n font-weight: ", ";\n font-size: ", ";\n line-height: ", ";\n ", ";\n }\n }\n\n & > .ant-card-body {\n padding: 15px;\n font-weight: ", ";\n font-size: ", ";\n line-height: ", ";\n ", ";\n }\n "], ["\n border-radius: 4px;\n border-width: 1px;\n border-style: solid;\n border-color: ", ";\n background: ",
|
|
40
40
|
" !important;\n\n & > .ant-card-head {\n padding: 0 15px;\n font-weight: ", ";\n font-size: ", ";\n line-height: ", ";\n ", ";\n\n .ant-card-head-title {\n padding: 15px 0;\n white-space: normal;\n ", ";\n }\n\n .ant-card-extra {\n padding: 15px 0;\n font-weight: ", ";\n font-size: ", ";\n line-height: ", ";\n ", ";\n }\n }\n\n & > .ant-card-body {\n padding: 15px;\n font-weight: ", ";\n font-size: ", ";\n line-height: ", ";\n ", ";\n }\n "])), neutral.border, type === 'default'
|
|
41
41
|
? card.background.default
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Card/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAAyB;AACzB,qCAA8C;AAC9C,kCAA+B;AAC/B,mCAAiC;AACjC,gEAIoC;AACpC,wDAAkD;AAWlD,IAAM,UAAU,GAAG,UAAC,EAMF;IALhB,IAAA,SAAS,eAAA,EACT,kBAAqB,EAArB,UAAU,mBAAG,QAAQ,KAAA,EACrB,iBAAkB,EAAlB,SAAS,mBAAG,MAAM,KAAA,EAClB,YAAgB,EAAhB,IAAI,mBAAG,SAAS,KAAA,EACb,SAAS,cALM,gDAMnB,CADa;IAEN,IAAA,KAA0B,uBAAQ,EAAE,EAAlC,IAAI,UAAA,EAAE,IAAI,UAAA,EAAE,OAAO,aAAe,CAAA;IAE1C,IAAM,SAAS,GAAG,mBACP,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Card/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAAyB;AACzB,qCAA8C;AAC9C,kCAA+B;AAC/B,mCAAiC;AACjC,gEAIoC;AACpC,wDAAkD;AAWlD,IAAM,UAAU,GAAG,UAAC,EAMF;IALhB,IAAA,SAAS,eAAA,EACT,kBAAqB,EAArB,UAAU,mBAAG,QAAQ,KAAA,EACrB,iBAAkB,EAAlB,SAAS,mBAAG,MAAM,KAAA,EAClB,YAAgB,EAAhB,IAAI,mBAAG,SAAS,KAAA,EACb,SAAS,cALM,gDAMnB,CADa;IAEN,IAAA,KAA0B,uBAAQ,EAAE,EAAlC,IAAI,UAAA,EAAE,IAAI,UAAA,EAAE,OAAO,aAAe,CAAA;IAE1C,IAAM,SAAS,GAAG,mBACP,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,iDAG5C,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,6CAI9C,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,kBAE1D,CAAA;IAED,IAAM,SAAS,GAAG,aAAG,owBAAA,iGAIH,EAAc,qBAChB;QAEU,uFAIP,EAAgB,sBAClB,EAAmB,wBACjB,EAAqB,WAClC,EAAS,qGAKP,EAAS,wFAKI,EAAgB,wBAClB,EAAmB,0BACjB,EAAqB,aAClC,EAAS,0FAME,EAAmB,sBACrB,EAAmB,wBACjB,EAAqB,WAClC,EAAS,cAEd,KAlCiB,OAAO,CAAC,MAAM,EAChB,IAAI,KAAK,SAAS;QAC9B,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC,OAAO;QACzB,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC,IAAI,EAIP,8BAAW,CAAC,IAAI,EAClB,4BAAS,CAAC,SAAS,EACjB,8BAAW,CAAC,SAAS,EAClC,SAAS,EAKP,SAAS,EAKI,8BAAW,CAAC,IAAI,EAClB,4BAAS,CAAC,SAAS,EACjB,8BAAW,CAAC,SAAS,EAClC,SAAS,EAME,8BAAW,CAAC,OAAO,EACrB,4BAAS,CAAC,SAAS,EACjB,8BAAW,CAAC,SAAS,EAClC,SAAS,CAEd,CAAA;IAED,IAAM,eAAe,GAAG,UAAC,KAAa,IAAK,OAAA,aAAG,wIAAA,qDAE3B,EAAK,cAEvB,KAFkB,KAAK,GAFmB,CAI1C,CAAA;IAED,IAAM,cAAc,GAAG,UAAC,KAAa,IAAK,OAAA,aAAG,+HAAA,4CAE3B,EAAK,cAEtB,KAFiB,KAAK,GAFmB,CAIzC,CAAA;IAED,OAAO,CACL,8BAAC,cAAI,aACH,SAAS,EAAE,YAAE,CACX,SAAS,EACT,SAAS,EACT,eAAe,CAAC,UAAU,CAAC,EAC3B,cAAc,CAAC,SAAS,CAAC,CAC1B,IACG,SAAS,EACb,CACH,CAAA;AACH,CAAC,CAAA;AAED,kBAAe,UAAU,CAAA"}
|
|
@@ -14,9 +14,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
14
14
|
var react_1 = require("react");
|
|
15
15
|
var chart_js_1 = require("chart.js");
|
|
16
16
|
var react_chartjs_2_1 = require("react-chartjs-2");
|
|
17
|
-
chart_js_1.Chart.register(chart_js_1.CategoryScale, chart_js_1.LinearScale, chart_js_1.PointElement, chart_js_1.LineElement, chart_js_1.Tooltip, chart_js_1.Legend, chart_js_1.Filler);
|
|
17
|
+
chart_js_1.Chart.register(chart_js_1.CategoryScale, chart_js_1.LinearScale, chart_js_1.PointElement, chart_js_1.LineElement, chart_js_1.LineController, chart_js_1.Tooltip, chart_js_1.Legend, chart_js_1.Filler);
|
|
18
18
|
var CustomChart = function (_a) {
|
|
19
|
-
var xValues = _a.xValues, yValues = _a.yValues, dataPrefix = _a.dataPrefix, _b = _a.height, height = _b === void 0 ?
|
|
19
|
+
var xValues = _a.xValues, yValues = _a.yValues, dataPrefix = _a.dataPrefix, dataPostfix = _a.dataPostfix, _b = _a.height, height = _b === void 0 ? 40 : _b;
|
|
20
20
|
var chartRef = react_1.useRef(null);
|
|
21
21
|
var _c = react_1.useState({
|
|
22
22
|
datasets: []
|
|
@@ -30,15 +30,17 @@ var CustomChart = function (_a) {
|
|
|
30
30
|
]
|
|
31
31
|
};
|
|
32
32
|
var prefix = dataPrefix || '';
|
|
33
|
+
var postfix = dataPostfix || '';
|
|
33
34
|
react_1.useEffect(function () {
|
|
34
35
|
var chart = chartRef.current;
|
|
35
36
|
if (!chart) {
|
|
36
37
|
return;
|
|
37
38
|
}
|
|
38
39
|
var context = chart.ctx;
|
|
39
|
-
var gradient = context.createLinearGradient(0, 0, 0,
|
|
40
|
-
gradient.addColorStop(0, 'rgba(47, 141, 238, 0.
|
|
41
|
-
gradient.addColorStop(
|
|
40
|
+
var gradient = context.createLinearGradient(0, 0, 0, 280);
|
|
41
|
+
gradient.addColorStop(0.3, 'rgba(47, 141, 238, 0.08)');
|
|
42
|
+
gradient.addColorStop(0.6, 'rgba(47, 141, 238, 0.0002)');
|
|
43
|
+
gradient.addColorStop(1, 'rgba(47, 141, 238, 0');
|
|
42
44
|
var chartData = __assign(__assign({}, data), { datasets: data.datasets.map(function (dataset) { return (__assign(__assign({}, dataset), { backgroundColor: gradient, fill: true, borderColor: '#2E8DEE', pointRadius: 0 })); }) });
|
|
43
45
|
setChartData(chartData);
|
|
44
46
|
}, []);
|
|
@@ -69,7 +71,7 @@ var CustomChart = function (_a) {
|
|
|
69
71
|
label: function (data) {
|
|
70
72
|
var label = data.dataset.label || '';
|
|
71
73
|
if (data.parsed.y !== null) {
|
|
72
|
-
label += "" + prefix + data.parsed.y;
|
|
74
|
+
label += "" + prefix + data.parsed.y + postfix;
|
|
73
75
|
}
|
|
74
76
|
return label;
|
|
75
77
|
}
|
|
@@ -88,9 +90,8 @@ var CustomChart = function (_a) {
|
|
|
88
90
|
y: {
|
|
89
91
|
ticks: {
|
|
90
92
|
maxTicksLimit: 3,
|
|
91
|
-
padding: 20,
|
|
92
93
|
color: 'rgba(0, 0, 0, 0.4)',
|
|
93
|
-
callback: function (label) { return "" + prefix + label; }
|
|
94
|
+
callback: function (label) { return "" + prefix + label + postfix; }
|
|
94
95
|
},
|
|
95
96
|
grid: {
|
|
96
97
|
display: false,
|
|
@@ -99,7 +100,15 @@ var CustomChart = function (_a) {
|
|
|
99
100
|
}
|
|
100
101
|
}
|
|
101
102
|
};
|
|
102
|
-
return (
|
|
103
|
+
return (
|
|
104
|
+
// how to resize chart
|
|
105
|
+
// https://www.chartjs.org/docs/latest/configuration/responsive.html
|
|
106
|
+
react_1.default.createElement("div", { style: {
|
|
107
|
+
position: 'relative',
|
|
108
|
+
height: height + "vh",
|
|
109
|
+
width: '99%' // workaround for responsive width (https://stackoverflow.com/a/70191511)
|
|
110
|
+
} },
|
|
111
|
+
react_1.default.createElement(react_chartjs_2_1.Chart, { id: "chart", ref: chartRef, type: "line", data: chartData, options: options })));
|
|
103
112
|
};
|
|
104
113
|
exports.default = CustomChart;
|
|
105
114
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Chart/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;AAAA,+BAA0D;AAE1D,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Chart/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -9,11 +9,17 @@ var styled_1 = require("@emotion/styled");
|
|
|
9
9
|
var Typography_1 = require("src/components/Typography");
|
|
10
10
|
var Card_1 = require("src/components/Card");
|
|
11
11
|
var SummaryCard = function (_a) {
|
|
12
|
-
var label = _a.label, amount = _a.amount, _b = _a.type, type = _b === void 0 ? 'default' : _b, _c = _a.height, height = _c === void 0 ? 91 : _c, _d = _a.width, width = _d === void 0 ? 230 : _d;
|
|
13
|
-
var StyledSummaryCard = styled_1.default(Card_1.default)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n width: ", "
|
|
12
|
+
var label = _a.label, amount = _a.amount, _b = _a.type, type = _b === void 0 ? 'default' : _b, _c = _a.height, height = _c === void 0 ? 91 : _c, _d = _a.width, width = _d === void 0 ? 230 : _d, _e = _a.isInverted, isInverted = _e === void 0 ? false : _e, icon = _a.icon;
|
|
13
|
+
var StyledSummaryCard = styled_1.default(Card_1.default)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n width: ", ";\n min-height: ", "px;\n padding: 3px !important;\n border-radius: 5px !important;\n\n ", "\n\n ", "\n "], ["\n width: ", ";\n min-height: ", "px;\n padding: 3px !important;\n border-radius: 5px !important;\n\n ",
|
|
14
|
+
"\n\n ",
|
|
15
|
+
"\n "])), typeof width === 'number' ? width + "px" : width, height, icon &&
|
|
16
|
+
"\n & > .ant-card-body {\n display: flex !important;\n flex-direction: row !important;\n align-items: center !important;\n }\n ", isInverted &&
|
|
17
|
+
"\n & > .ant-card-body > div {\n display: flex !important;\n flex-direction: column-reverse !important;\n }\n ");
|
|
14
18
|
return (react_1.default.createElement(StyledSummaryCard, { type: type },
|
|
15
|
-
|
|
16
|
-
react_1.default.createElement(
|
|
19
|
+
icon && icon,
|
|
20
|
+
react_1.default.createElement("div", null,
|
|
21
|
+
react_1.default.createElement(Typography_1.P1, { style: { marginBottom: isInverted ? '0' : '5px' } }, label),
|
|
22
|
+
react_1.default.createElement(Typography_1.H1, { style: { marginBottom: isInverted ? '5px' : '0' } }, amount))));
|
|
17
23
|
};
|
|
18
24
|
exports.default = SummaryCard;
|
|
19
25
|
var templateObject_1;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/SummaryCard/index.tsx"],"names":[],"mappings":";;;;;;AAAA,+BAAyB;AACzB,0CAAoC;AACpC,wDAAkD;AAElD,4CAAsC;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/SummaryCard/index.tsx"],"names":[],"mappings":";;;;;;AAAA,+BAAyB;AACzB,0CAAoC;AACpC,wDAAkD;AAElD,4CAAsC;AAYtC,IAAM,WAAW,GAAG,UAAC,EAQF;QAPjB,KAAK,WAAA,EACL,MAAM,YAAA,EACN,YAAgB,EAAhB,IAAI,mBAAG,SAAS,KAAA,EAChB,cAAW,EAAX,MAAM,mBAAG,EAAE,KAAA,EACX,aAAW,EAAX,KAAK,mBAAG,GAAG,KAAA,EACX,kBAAkB,EAAlB,UAAU,mBAAG,KAAK,KAAA,EAClB,IAAI,UAAA;IAEJ,IAAM,iBAAiB,GAAG,gBAAM,CAAC,cAAI,CAAC,8MAAA,eAC3B,EAAgD,qBAC3C,EAAM,+EAIlB;QAOD,UAEC;QAMD,MACF,KArBU,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAI,KAAK,OAAI,CAAC,CAAC,CAAC,KAAK,EAC3C,MAAM,EAIlB,IAAI;QACJ,kKAMD,EAEC,UAAU;QACV,0IAKD,CACF,CAAA;IAED,OAAO,CACL,8BAAC,iBAAiB,IAAC,IAAI,EAAE,IAAI;QAC1B,IAAI,IAAI,IAAI;QACb;YACE,8BAAC,eAAE,IAAC,KAAK,EAAE,EAAE,YAAY,EAAE,UAAU,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,EAAE,IAAG,KAAK,CAAM;YACnE,8BAAC,eAAE,IAAC,KAAK,EAAE,EAAE,YAAY,EAAE,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,EAAE,IAAG,MAAM,CAAM,CAChE,CACY,CACrB,CAAA;AACH,CAAC,CAAA;AAED,kBAAe,WAAW,CAAA"}
|
|
@@ -3,7 +3,9 @@ declare type ChartProps = {
|
|
|
3
3
|
xValues: number[] | string[];
|
|
4
4
|
yValues: number[];
|
|
5
5
|
dataPrefix?: string;
|
|
6
|
+
dataPostfix?: string;
|
|
6
7
|
height?: number;
|
|
8
|
+
width?: number;
|
|
7
9
|
};
|
|
8
|
-
declare const CustomChart: ({ xValues, yValues, dataPrefix, height }: ChartProps) => JSX.Element;
|
|
10
|
+
declare const CustomChart: ({ xValues, yValues, dataPrefix, dataPostfix, height }: ChartProps) => JSX.Element;
|
|
9
11
|
export default CustomChart;
|
|
@@ -4,7 +4,9 @@ declare type SummaryCardProps = {
|
|
|
4
4
|
amount: React.ReactNode;
|
|
5
5
|
type?: 'default' | 'dark';
|
|
6
6
|
height?: number;
|
|
7
|
-
width?: number;
|
|
7
|
+
width?: number | string;
|
|
8
|
+
isInverted?: boolean;
|
|
9
|
+
icon?: React.ReactElement;
|
|
8
10
|
};
|
|
9
|
-
declare const SummaryCard: ({ label, amount, type, height, width }: SummaryCardProps) => JSX.Element;
|
|
11
|
+
declare const SummaryCard: ({ label, amount, type, height, width, isInverted, icon }: SummaryCardProps) => JSX.Element;
|
|
10
12
|
export default SummaryCard;
|