datastake-daf 0.6.190 → 0.6.191
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/dist/components/index.js
CHANGED
|
@@ -21083,9 +21083,8 @@ const WidgetCard = _ref => {
|
|
|
21083
21083
|
})]
|
|
21084
21084
|
}),
|
|
21085
21085
|
loading: loading,
|
|
21086
|
-
className: "with-tabs",
|
|
21086
|
+
className: "with-tabs no-pt-body",
|
|
21087
21087
|
children: [description && /*#__PURE__*/jsxRuntime.jsx("p", {
|
|
21088
|
-
className: "mt-4",
|
|
21089
21088
|
children: description
|
|
21090
21089
|
}), data === null || data === void 0 ? void 0 : data.map(item => /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
21091
21090
|
style: {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import ThemeLayout from "../../../ThemeLayout";
|
|
2
2
|
import WidgetCard from "./index";
|
|
3
|
-
|
|
3
|
+
import Widget from "../index";
|
|
4
4
|
export default {
|
|
5
5
|
title: "Dashboard/Widgets/WidgetCard",
|
|
6
6
|
tags: ["autodocs"],
|
|
@@ -14,31 +14,71 @@ export default {
|
|
|
14
14
|
],
|
|
15
15
|
};
|
|
16
16
|
|
|
17
|
+
const firstCard = {
|
|
18
|
+
loading: false,
|
|
19
|
+
"title": "Test",
|
|
20
|
+
"link": "/app/mines/summary/LOC-00000000271",
|
|
21
|
+
"logoIcon": "Kobo",
|
|
22
|
+
"description": "This is a description of the widget card. It can be long and scrollable.",
|
|
23
|
+
"buttonIcon": 'ArrowUpRight',
|
|
24
|
+
"iconColor": "#ff0000",
|
|
25
|
+
"imageUrl": "https://picsum.photos/200/300",
|
|
26
|
+
"data": [
|
|
27
|
+
{
|
|
28
|
+
"label": "Type",
|
|
29
|
+
"value": "Mine Summary",
|
|
30
|
+
"isTag": true,
|
|
31
|
+
tagColor: 'blue'
|
|
32
|
+
}
|
|
33
|
+
],
|
|
34
|
+
"backgroundColor": "#F6FEF9",
|
|
35
|
+
"backgroundBorderColor": "#B0F3CB",
|
|
36
|
+
"buttonConfig": {
|
|
37
|
+
"disabled": true
|
|
38
|
+
},
|
|
39
|
+
t: (s) => s,
|
|
40
|
+
}
|
|
41
|
+
|
|
42
|
+
const secondCard = {
|
|
43
|
+
loading: false,
|
|
44
|
+
"title": "Test",
|
|
45
|
+
"link": "/app/mines/summary/LOC-00000000271",
|
|
46
|
+
"logoIcon": "Kobo",
|
|
47
|
+
"description": "This is a description of the widget card. It can be long and scrollable.",
|
|
48
|
+
"buttonIcon": 'ArrowUpRight',
|
|
49
|
+
"iconColor": "#ff0000",
|
|
50
|
+
"imageUrl": "https://picsum.photos/200/300",
|
|
51
|
+
"data": [
|
|
52
|
+
{
|
|
53
|
+
"label": "Type",
|
|
54
|
+
"value": "Mine Summary",
|
|
55
|
+
"isTag": true,
|
|
56
|
+
tagColor: 'blue'
|
|
57
|
+
}
|
|
58
|
+
],
|
|
59
|
+
"backgroundColor": "#F6FEF9",
|
|
60
|
+
"backgroundBorderColor": "#B0F3CB",
|
|
61
|
+
"buttonConfig": {
|
|
62
|
+
"disabled": true
|
|
63
|
+
},
|
|
64
|
+
t: (s) => s,
|
|
65
|
+
}
|
|
66
|
+
|
|
17
67
|
|
|
18
68
|
export const Primary = {
|
|
19
69
|
args: {
|
|
20
|
-
|
|
21
|
-
"title": "Test",
|
|
22
|
-
"link": "/app/mines/summary/LOC-00000000271",
|
|
23
|
-
"logoIcon": "Kobo",
|
|
24
|
-
"description": "This is a description of the widget card. It can be long and scrollable.",
|
|
25
|
-
"buttonIcon": 'ArrowUpRight',
|
|
26
|
-
"iconColor": "#ff0000",
|
|
27
|
-
"imageUrl": "https://picsum.photos/200/300",
|
|
28
|
-
"data": [
|
|
29
|
-
{
|
|
30
|
-
"label": "Type",
|
|
31
|
-
"value": "Mine Summary",
|
|
32
|
-
"isTag": true,
|
|
33
|
-
tagColor: 'blue'
|
|
34
|
-
}
|
|
35
|
-
],
|
|
36
|
-
"backgroundColor": "#F6FEF9",
|
|
37
|
-
"backgroundBorderColor": "#B0F3CB",
|
|
38
|
-
"buttonConfig": {
|
|
39
|
-
"disabled": true
|
|
40
|
-
},
|
|
41
|
-
t: (s) => s,
|
|
70
|
+
...firstCard,
|
|
42
71
|
width: "300px"
|
|
43
72
|
},
|
|
44
73
|
};
|
|
74
|
+
|
|
75
|
+
export const InsideWidget = {
|
|
76
|
+
render: (args) => (
|
|
77
|
+
<Widget title="Widget Card" description={"Connect to external data sources for unified access and management."} className="with-border-header h-w-btn-header">
|
|
78
|
+
<div className="flex flex-row gap-4">
|
|
79
|
+
<WidgetCard {...firstCard} />
|
|
80
|
+
<WidgetCard {...secondCard} />
|
|
81
|
+
</div>
|
|
82
|
+
</Widget>
|
|
83
|
+
),
|
|
84
|
+
}
|
|
@@ -52,9 +52,9 @@ const WidgetCard = ({
|
|
|
52
52
|
</>
|
|
53
53
|
}
|
|
54
54
|
loading={loading}
|
|
55
|
-
className="with-tabs"
|
|
55
|
+
className="with-tabs no-pt-body"
|
|
56
56
|
>
|
|
57
|
-
{description && <p
|
|
57
|
+
{description && <p>{description}</p>}
|
|
58
58
|
{data?.map((item) => (
|
|
59
59
|
<div key={item} style={{display: "flex", justifyContent: "space-between"}}>
|
|
60
60
|
{item.isTag ? <Tag style={{width: '90px', textAlign: 'center', borderRadius: '10px'}} color={item.tagColor || 'default'}>{item.label}</Tag> : <span>{item.label}</span>}
|