@xyo-network/react-card 2.36.0 → 2.36.2
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/cjs/components/CardContentEx.d.ts +7 -0
- package/dist/cjs/components/CardContentEx.d.ts.map +1 -0
- package/dist/cjs/components/CardContentEx.js +21 -0
- package/dist/cjs/components/CardContentEx.js.map +1 -0
- package/dist/cjs/components/index.d.ts +1 -0
- package/dist/cjs/components/index.d.ts.map +1 -1
- package/dist/cjs/components/index.js +1 -0
- package/dist/cjs/components/index.js.map +1 -1
- package/dist/docs.json +280 -118
- package/dist/esm/components/CardContentEx.d.ts +7 -0
- package/dist/esm/components/CardContentEx.d.ts.map +1 -0
- package/dist/esm/components/CardContentEx.js +19 -0
- package/dist/esm/components/CardContentEx.js.map +1 -0
- package/dist/esm/components/index.d.ts +1 -0
- package/dist/esm/components/index.d.ts.map +1 -1
- package/dist/esm/components/index.js +1 -0
- package/dist/esm/components/index.js.map +1 -1
- package/package.json +2 -2
- package/src/components/CardContentEx.stories.tsx +48 -0
- package/src/components/CardContentEx.tsx +23 -0
- package/src/components/index.ts +1 -0
@@ -0,0 +1,7 @@
|
|
1
|
+
/// <reference types="react" />
|
2
|
+
import { CardContentProps } from '@mui/material';
|
3
|
+
export declare type CardContentExProps = CardContentProps & {
|
4
|
+
variant?: 'scrollable' | 'normal';
|
5
|
+
};
|
6
|
+
export declare const CardContentEx: React.FC<CardContentExProps>;
|
7
|
+
//# sourceMappingURL=CardContentEx.d.ts.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"CardContentEx.d.ts","sourceRoot":"","sources":["../../../src/components/CardContentEx.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAe,gBAAgB,EAAU,MAAM,eAAe,CAAA;AAgBrE,oBAAY,kBAAkB,GAAG,gBAAgB,GAAG;IAClD,OAAO,CAAC,EAAE,YAAY,GAAG,QAAQ,CAAA;CAClC,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAEtD,CAAA"}
|
@@ -0,0 +1,21 @@
|
|
1
|
+
"use strict";
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
3
|
+
exports.CardContentEx = void 0;
|
4
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
5
|
+
const material_1 = require("@mui/material");
|
6
|
+
const CardContentExRoot = (0, material_1.styled)(material_1.CardContent, {
|
7
|
+
name: 'CardContentEx',
|
8
|
+
shouldForwardProp: (prop) => prop !== 'variant',
|
9
|
+
slot: 'Root',
|
10
|
+
})(({ variant }) => (Object.assign({}, (variant === 'scrollable' && {
|
11
|
+
[':last-child']: {
|
12
|
+
paddingBottom: 0,
|
13
|
+
},
|
14
|
+
overflow: 'auto',
|
15
|
+
paddingTop: 0,
|
16
|
+
}))));
|
17
|
+
const CardContentEx = (props) => {
|
18
|
+
return (0, jsx_runtime_1.jsx)(CardContentExRoot, Object.assign({}, props));
|
19
|
+
};
|
20
|
+
exports.CardContentEx = CardContentEx;
|
21
|
+
//# sourceMappingURL=CardContentEx.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"CardContentEx.js","sourceRoot":"","sources":["../../../src/components/CardContentEx.tsx"],"names":[],"mappings":";;;;AAAA,4CAAqE;AAErE,MAAM,iBAAiB,GAAG,IAAA,iBAAM,EAAC,sBAAW,EAAE;IAC5C,IAAI,EAAE,eAAe;IACrB,iBAAiB,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,KAAK,SAAS;IAC/C,IAAI,EAAE,MAAM;CACb,CAAC,CAAqB,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,mBACnC,CAAC,OAAO,KAAK,YAAY,IAAI;IAC9B,CAAC,aAAa,CAAC,EAAE;QACf,aAAa,EAAE,CAAC;KACjB;IACD,QAAQ,EAAE,MAAM;IAChB,UAAU,EAAE,CAAC;CACd,CAAC,EACF,CAAC,CAAA;AAMI,MAAM,aAAa,GAAiC,CAAC,KAAK,EAAE,EAAE;IACnE,OAAO,uBAAC,iBAAiB,oBAAK,KAAK,EAAI,CAAA;AACzC,CAAC,CAAA;AAFY,QAAA,aAAa,iBAEzB"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAA;AACxB,cAAc,iBAAiB,CAAA;AAC/B,cAAc,YAAY,CAAA;AAC1B,cAAc,cAAc,CAAA"}
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAA;AAC/B,cAAc,UAAU,CAAA;AACxB,cAAc,iBAAiB,CAAA;AAC/B,cAAc,YAAY,CAAA;AAC1B,cAAc,cAAc,CAAA"}
|
@@ -1,6 +1,7 @@
|
|
1
1
|
"use strict";
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
3
3
|
const tslib_1 = require("tslib");
|
4
|
+
tslib_1.__exportStar(require("./CardContentEx"), exports);
|
4
5
|
tslib_1.__exportStar(require("./CardEx"), exports);
|
5
6
|
tslib_1.__exportStar(require("./FullWidthCard"), exports);
|
6
7
|
tslib_1.__exportStar(require("./PageCard"), exports);
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":";;;AAAA,mDAAwB;AACxB,0DAA+B;AAC/B,qDAA0B;AAC1B,uDAA4B"}
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":";;;AAAA,0DAA+B;AAC/B,mDAAwB;AACxB,0DAA+B;AAC/B,qDAA0B;AAC1B,uDAA4B"}
|
package/dist/docs.json
CHANGED
@@ -7,14 +7,14 @@
|
|
7
7
|
"originalName": "",
|
8
8
|
"children": [
|
9
9
|
{
|
10
|
-
"id":
|
10
|
+
"id": 15,
|
11
11
|
"name": "FullWidthCardProps",
|
12
12
|
"kind": 256,
|
13
13
|
"kindString": "Interface",
|
14
14
|
"flags": {},
|
15
15
|
"children": [
|
16
16
|
{
|
17
|
-
"id":
|
17
|
+
"id": 23,
|
18
18
|
"name": "cardIsButton",
|
19
19
|
"kind": 1024,
|
20
20
|
"kindString": "Property",
|
@@ -26,7 +26,7 @@
|
|
26
26
|
"fileName": "packages/sdk/packages/card/src/components/FullWidthCard/FullWidthCard.tsx",
|
27
27
|
"line": 16,
|
28
28
|
"character": 2,
|
29
|
-
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/
|
29
|
+
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/a393b8c7/packages/sdk/packages/card/src/components/FullWidthCard/FullWidthCard.tsx#L16"
|
30
30
|
}
|
31
31
|
],
|
32
32
|
"type": {
|
@@ -35,7 +35,7 @@
|
|
35
35
|
}
|
36
36
|
},
|
37
37
|
{
|
38
|
-
"id":
|
38
|
+
"id": 17,
|
39
39
|
"name": "desc",
|
40
40
|
"kind": 1024,
|
41
41
|
"kindString": "Property",
|
@@ -47,7 +47,7 @@
|
|
47
47
|
"fileName": "packages/sdk/packages/card/src/components/FullWidthCard/FullWidthCard.tsx",
|
48
48
|
"line": 10,
|
49
49
|
"character": 2,
|
50
|
-
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/
|
50
|
+
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/a393b8c7/packages/sdk/packages/card/src/components/FullWidthCard/FullWidthCard.tsx#L10"
|
51
51
|
}
|
52
52
|
],
|
53
53
|
"type": {
|
@@ -58,7 +58,7 @@
|
|
58
58
|
}
|
59
59
|
},
|
60
60
|
{
|
61
|
-
"id":
|
61
|
+
"id": 18,
|
62
62
|
"name": "href",
|
63
63
|
"kind": 1024,
|
64
64
|
"kindString": "Property",
|
@@ -70,7 +70,7 @@
|
|
70
70
|
"fileName": "packages/sdk/packages/card/src/components/FullWidthCard/FullWidthCard.tsx",
|
71
71
|
"line": 11,
|
72
72
|
"character": 2,
|
73
|
-
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/
|
73
|
+
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/a393b8c7/packages/sdk/packages/card/src/components/FullWidthCard/FullWidthCard.tsx#L11"
|
74
74
|
}
|
75
75
|
],
|
76
76
|
"type": {
|
@@ -79,7 +79,7 @@
|
|
79
79
|
}
|
80
80
|
},
|
81
81
|
{
|
82
|
-
"id":
|
82
|
+
"id": 20,
|
83
83
|
"name": "linkText",
|
84
84
|
"kind": 1024,
|
85
85
|
"kindString": "Property",
|
@@ -91,7 +91,7 @@
|
|
91
91
|
"fileName": "packages/sdk/packages/card/src/components/FullWidthCard/FullWidthCard.tsx",
|
92
92
|
"line": 13,
|
93
93
|
"character": 2,
|
94
|
-
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/
|
94
|
+
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/a393b8c7/packages/sdk/packages/card/src/components/FullWidthCard/FullWidthCard.tsx#L13"
|
95
95
|
}
|
96
96
|
],
|
97
97
|
"type": {
|
@@ -100,7 +100,7 @@
|
|
100
100
|
}
|
101
101
|
},
|
102
102
|
{
|
103
|
-
"id":
|
103
|
+
"id": 21,
|
104
104
|
"name": "media",
|
105
105
|
"kind": 1024,
|
106
106
|
"kindString": "Property",
|
@@ -112,7 +112,7 @@
|
|
112
112
|
"fileName": "packages/sdk/packages/card/src/components/FullWidthCard/FullWidthCard.tsx",
|
113
113
|
"line": 14,
|
114
114
|
"character": 2,
|
115
|
-
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/
|
115
|
+
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/a393b8c7/packages/sdk/packages/card/src/components/FullWidthCard/FullWidthCard.tsx#L14"
|
116
116
|
}
|
117
117
|
],
|
118
118
|
"type": {
|
@@ -121,7 +121,7 @@
|
|
121
121
|
}
|
122
122
|
},
|
123
123
|
{
|
124
|
-
"id":
|
124
|
+
"id": 16,
|
125
125
|
"name": "name",
|
126
126
|
"kind": 1024,
|
127
127
|
"kindString": "Property",
|
@@ -131,7 +131,7 @@
|
|
131
131
|
"fileName": "packages/sdk/packages/card/src/components/FullWidthCard/FullWidthCard.tsx",
|
132
132
|
"line": 9,
|
133
133
|
"character": 2,
|
134
|
-
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/
|
134
|
+
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/a393b8c7/packages/sdk/packages/card/src/components/FullWidthCard/FullWidthCard.tsx#L9"
|
135
135
|
}
|
136
136
|
],
|
137
137
|
"type": {
|
@@ -142,7 +142,7 @@
|
|
142
142
|
}
|
143
143
|
},
|
144
144
|
{
|
145
|
-
"id":
|
145
|
+
"id": 22,
|
146
146
|
"name": "small",
|
147
147
|
"kind": 1024,
|
148
148
|
"kindString": "Property",
|
@@ -154,7 +154,7 @@
|
|
154
154
|
"fileName": "packages/sdk/packages/card/src/components/FullWidthCard/FullWidthCard.tsx",
|
155
155
|
"line": 15,
|
156
156
|
"character": 2,
|
157
|
-
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/
|
157
|
+
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/a393b8c7/packages/sdk/packages/card/src/components/FullWidthCard/FullWidthCard.tsx#L15"
|
158
158
|
}
|
159
159
|
],
|
160
160
|
"type": {
|
@@ -163,7 +163,7 @@
|
|
163
163
|
}
|
164
164
|
},
|
165
165
|
{
|
166
|
-
"id":
|
166
|
+
"id": 19,
|
167
167
|
"name": "to",
|
168
168
|
"kind": 1024,
|
169
169
|
"kindString": "Property",
|
@@ -175,7 +175,7 @@
|
|
175
175
|
"fileName": "packages/sdk/packages/card/src/components/FullWidthCard/FullWidthCard.tsx",
|
176
176
|
"line": 12,
|
177
177
|
"character": 2,
|
178
|
-
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/
|
178
|
+
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/a393b8c7/packages/sdk/packages/card/src/components/FullWidthCard/FullWidthCard.tsx#L12"
|
179
179
|
}
|
180
180
|
],
|
181
181
|
"type": {
|
@@ -190,14 +190,14 @@
|
|
190
190
|
{
|
191
191
|
"title": "Properties",
|
192
192
|
"children": [
|
193
|
+
23,
|
194
|
+
17,
|
195
|
+
18,
|
196
|
+
20,
|
197
|
+
21,
|
193
198
|
16,
|
194
|
-
|
195
|
-
|
196
|
-
13,
|
197
|
-
14,
|
198
|
-
9,
|
199
|
-
15,
|
200
|
-
12
|
199
|
+
22,
|
200
|
+
19
|
201
201
|
]
|
202
202
|
}
|
203
203
|
],
|
@@ -206,7 +206,7 @@
|
|
206
206
|
"fileName": "packages/sdk/packages/card/src/components/FullWidthCard/FullWidthCard.tsx",
|
207
207
|
"line": 8,
|
208
208
|
"character": 17,
|
209
|
-
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/
|
209
|
+
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/a393b8c7/packages/sdk/packages/card/src/components/FullWidthCard/FullWidthCard.tsx#L8"
|
210
210
|
}
|
211
211
|
],
|
212
212
|
"extendedTypes": [
|
@@ -219,14 +219,14 @@
|
|
219
219
|
]
|
220
220
|
},
|
221
221
|
{
|
222
|
-
"id":
|
222
|
+
"id": 28,
|
223
223
|
"name": "PageCardProps",
|
224
224
|
"kind": 256,
|
225
225
|
"kindString": "Interface",
|
226
226
|
"flags": {},
|
227
227
|
"children": [
|
228
228
|
{
|
229
|
-
"id":
|
229
|
+
"id": 33,
|
230
230
|
"name": "action",
|
231
231
|
"kind": 1024,
|
232
232
|
"kindString": "Property",
|
@@ -238,7 +238,7 @@
|
|
238
238
|
"fileName": "packages/sdk/packages/card/src/components/PageCard.tsx",
|
239
239
|
"line": 11,
|
240
240
|
"character": 2,
|
241
|
-
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/
|
241
|
+
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/a393b8c7/packages/sdk/packages/card/src/components/PageCard.tsx#L11"
|
242
242
|
}
|
243
243
|
],
|
244
244
|
"type": {
|
@@ -249,7 +249,7 @@
|
|
249
249
|
}
|
250
250
|
},
|
251
251
|
{
|
252
|
-
"id":
|
252
|
+
"id": 34,
|
253
253
|
"name": "gradient",
|
254
254
|
"kind": 1024,
|
255
255
|
"kindString": "Property",
|
@@ -261,7 +261,7 @@
|
|
261
261
|
"fileName": "packages/sdk/packages/card/src/components/CardEx.tsx",
|
262
262
|
"line": 5,
|
263
263
|
"character": 2,
|
264
|
-
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/
|
264
|
+
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/a393b8c7/packages/sdk/packages/card/src/components/CardEx.tsx#L5"
|
265
265
|
}
|
266
266
|
],
|
267
267
|
"type": {
|
@@ -269,11 +269,11 @@
|
|
269
269
|
"types": [
|
270
270
|
{
|
271
271
|
"type": "literal",
|
272
|
-
"value": "
|
272
|
+
"value": "background"
|
273
273
|
},
|
274
274
|
{
|
275
275
|
"type": "literal",
|
276
|
-
"value": "
|
276
|
+
"value": "border"
|
277
277
|
}
|
278
278
|
]
|
279
279
|
},
|
@@ -283,7 +283,7 @@
|
|
283
283
|
}
|
284
284
|
},
|
285
285
|
{
|
286
|
-
"id":
|
286
|
+
"id": 29,
|
287
287
|
"name": "onRefresh",
|
288
288
|
"kind": 1024,
|
289
289
|
"kindString": "Property",
|
@@ -295,13 +295,13 @@
|
|
295
295
|
"fileName": "packages/sdk/packages/card/src/components/PageCard.tsx",
|
296
296
|
"line": 9,
|
297
297
|
"character": 2,
|
298
|
-
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/
|
298
|
+
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/a393b8c7/packages/sdk/packages/card/src/components/PageCard.tsx#L9"
|
299
299
|
}
|
300
300
|
],
|
301
301
|
"type": {
|
302
302
|
"type": "reflection",
|
303
303
|
"declaration": {
|
304
|
-
"id":
|
304
|
+
"id": 30,
|
305
305
|
"name": "__type",
|
306
306
|
"kind": 65536,
|
307
307
|
"kindString": "Type literal",
|
@@ -311,12 +311,12 @@
|
|
311
311
|
"fileName": "packages/sdk/packages/card/src/components/PageCard.tsx",
|
312
312
|
"line": 9,
|
313
313
|
"character": 14,
|
314
|
-
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/
|
314
|
+
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/a393b8c7/packages/sdk/packages/card/src/components/PageCard.tsx#L9"
|
315
315
|
}
|
316
316
|
],
|
317
317
|
"signatures": [
|
318
318
|
{
|
319
|
-
"id":
|
319
|
+
"id": 31,
|
320
320
|
"name": "__type",
|
321
321
|
"kind": 4096,
|
322
322
|
"kindString": "Call signature",
|
@@ -331,7 +331,7 @@
|
|
331
331
|
}
|
332
332
|
},
|
333
333
|
{
|
334
|
-
"id":
|
334
|
+
"id": 32,
|
335
335
|
"name": "subheader",
|
336
336
|
"kind": 1024,
|
337
337
|
"kindString": "Property",
|
@@ -343,7 +343,7 @@
|
|
343
343
|
"fileName": "packages/sdk/packages/card/src/components/PageCard.tsx",
|
344
344
|
"line": 10,
|
345
345
|
"character": 2,
|
346
|
-
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/
|
346
|
+
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/a393b8c7/packages/sdk/packages/card/src/components/PageCard.tsx#L10"
|
347
347
|
}
|
348
348
|
],
|
349
349
|
"type": {
|
@@ -358,10 +358,10 @@
|
|
358
358
|
{
|
359
359
|
"title": "Properties",
|
360
360
|
"children": [
|
361
|
-
|
362
|
-
|
363
|
-
|
364
|
-
|
361
|
+
33,
|
362
|
+
34,
|
363
|
+
29,
|
364
|
+
32
|
365
365
|
]
|
366
366
|
}
|
367
367
|
],
|
@@ -370,26 +370,26 @@
|
|
370
370
|
"fileName": "packages/sdk/packages/card/src/components/PageCard.tsx",
|
371
371
|
"line": 8,
|
372
372
|
"character": 17,
|
373
|
-
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/
|
373
|
+
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/a393b8c7/packages/sdk/packages/card/src/components/PageCard.tsx#L8"
|
374
374
|
}
|
375
375
|
],
|
376
376
|
"extendedTypes": [
|
377
377
|
{
|
378
378
|
"type": "reference",
|
379
|
-
"id":
|
379
|
+
"id": 8,
|
380
380
|
"name": "CardExProps"
|
381
381
|
}
|
382
382
|
]
|
383
383
|
},
|
384
384
|
{
|
385
|
-
"id":
|
385
|
+
"id": 39,
|
386
386
|
"name": "SimpleCardProps",
|
387
387
|
"kind": 256,
|
388
388
|
"kindString": "Interface",
|
389
389
|
"flags": {},
|
390
390
|
"children": [
|
391
391
|
{
|
392
|
-
"id":
|
392
|
+
"id": 41,
|
393
393
|
"name": "desc",
|
394
394
|
"kind": 1024,
|
395
395
|
"kindString": "Property",
|
@@ -401,7 +401,7 @@
|
|
401
401
|
"fileName": "packages/sdk/packages/card/src/components/SimpleCard/SimpleCard.tsx",
|
402
402
|
"line": 12,
|
403
403
|
"character": 2,
|
404
|
-
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/
|
404
|
+
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/a393b8c7/packages/sdk/packages/card/src/components/SimpleCard/SimpleCard.tsx#L12"
|
405
405
|
}
|
406
406
|
],
|
407
407
|
"type": {
|
@@ -412,7 +412,7 @@
|
|
412
412
|
}
|
413
413
|
},
|
414
414
|
{
|
415
|
-
"id":
|
415
|
+
"id": 49,
|
416
416
|
"name": "gradient",
|
417
417
|
"kind": 1024,
|
418
418
|
"kindString": "Property",
|
@@ -424,7 +424,7 @@
|
|
424
424
|
"fileName": "packages/sdk/packages/card/src/components/CardEx.tsx",
|
425
425
|
"line": 5,
|
426
426
|
"character": 2,
|
427
|
-
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/
|
427
|
+
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/a393b8c7/packages/sdk/packages/card/src/components/CardEx.tsx#L5"
|
428
428
|
}
|
429
429
|
],
|
430
430
|
"type": {
|
@@ -432,11 +432,11 @@
|
|
432
432
|
"types": [
|
433
433
|
{
|
434
434
|
"type": "literal",
|
435
|
-
"value": "
|
435
|
+
"value": "background"
|
436
436
|
},
|
437
437
|
{
|
438
438
|
"type": "literal",
|
439
|
-
"value": "
|
439
|
+
"value": "border"
|
440
440
|
}
|
441
441
|
]
|
442
442
|
},
|
@@ -446,7 +446,7 @@
|
|
446
446
|
}
|
447
447
|
},
|
448
448
|
{
|
449
|
-
"id":
|
449
|
+
"id": 40,
|
450
450
|
"name": "headline",
|
451
451
|
"kind": 1024,
|
452
452
|
"kindString": "Property",
|
@@ -458,7 +458,7 @@
|
|
458
458
|
"fileName": "packages/sdk/packages/card/src/components/SimpleCard/SimpleCard.tsx",
|
459
459
|
"line": 11,
|
460
460
|
"character": 2,
|
461
|
-
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/
|
461
|
+
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/a393b8c7/packages/sdk/packages/card/src/components/SimpleCard/SimpleCard.tsx#L11"
|
462
462
|
}
|
463
463
|
],
|
464
464
|
"type": {
|
@@ -469,7 +469,7 @@
|
|
469
469
|
}
|
470
470
|
},
|
471
471
|
{
|
472
|
-
"id":
|
472
|
+
"id": 42,
|
473
473
|
"name": "href",
|
474
474
|
"kind": 1024,
|
475
475
|
"kindString": "Property",
|
@@ -481,7 +481,7 @@
|
|
481
481
|
"fileName": "packages/sdk/packages/card/src/components/SimpleCard/SimpleCard.tsx",
|
482
482
|
"line": 13,
|
483
483
|
"character": 2,
|
484
|
-
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/
|
484
|
+
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/a393b8c7/packages/sdk/packages/card/src/components/SimpleCard/SimpleCard.tsx#L13"
|
485
485
|
}
|
486
486
|
],
|
487
487
|
"type": {
|
@@ -490,7 +490,7 @@
|
|
490
490
|
}
|
491
491
|
},
|
492
492
|
{
|
493
|
-
"id":
|
493
|
+
"id": 46,
|
494
494
|
"name": "iconImage",
|
495
495
|
"kind": 1024,
|
496
496
|
"kindString": "Property",
|
@@ -502,7 +502,7 @@
|
|
502
502
|
"fileName": "packages/sdk/packages/card/src/components/SimpleCard/SimpleCard.tsx",
|
503
503
|
"line": 17,
|
504
504
|
"character": 2,
|
505
|
-
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/
|
505
|
+
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/a393b8c7/packages/sdk/packages/card/src/components/SimpleCard/SimpleCard.tsx#L17"
|
506
506
|
}
|
507
507
|
],
|
508
508
|
"type": {
|
@@ -511,7 +511,7 @@
|
|
511
511
|
}
|
512
512
|
},
|
513
513
|
{
|
514
|
-
"id":
|
514
|
+
"id": 47,
|
515
515
|
"name": "interactionVariant",
|
516
516
|
"kind": 1024,
|
517
517
|
"kindString": "Property",
|
@@ -523,7 +523,7 @@
|
|
523
523
|
"fileName": "packages/sdk/packages/card/src/components/SimpleCard/SimpleCard.tsx",
|
524
524
|
"line": 18,
|
525
525
|
"character": 2,
|
526
|
-
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/
|
526
|
+
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/a393b8c7/packages/sdk/packages/card/src/components/SimpleCard/SimpleCard.tsx#L18"
|
527
527
|
}
|
528
528
|
],
|
529
529
|
"type": {
|
@@ -541,7 +541,7 @@
|
|
541
541
|
}
|
542
542
|
},
|
543
543
|
{
|
544
|
-
"id":
|
544
|
+
"id": 44,
|
545
545
|
"name": "media",
|
546
546
|
"kind": 1024,
|
547
547
|
"kindString": "Property",
|
@@ -553,7 +553,7 @@
|
|
553
553
|
"fileName": "packages/sdk/packages/card/src/components/SimpleCard/SimpleCard.tsx",
|
554
554
|
"line": 15,
|
555
555
|
"character": 2,
|
556
|
-
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/
|
556
|
+
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/a393b8c7/packages/sdk/packages/card/src/components/SimpleCard/SimpleCard.tsx#L15"
|
557
557
|
}
|
558
558
|
],
|
559
559
|
"type": {
|
@@ -562,7 +562,7 @@
|
|
562
562
|
}
|
563
563
|
},
|
564
564
|
{
|
565
|
-
"id":
|
565
|
+
"id": 45,
|
566
566
|
"name": "small",
|
567
567
|
"kind": 1024,
|
568
568
|
"kindString": "Property",
|
@@ -574,7 +574,7 @@
|
|
574
574
|
"fileName": "packages/sdk/packages/card/src/components/SimpleCard/SimpleCard.tsx",
|
575
575
|
"line": 16,
|
576
576
|
"character": 2,
|
577
|
-
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/
|
577
|
+
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/a393b8c7/packages/sdk/packages/card/src/components/SimpleCard/SimpleCard.tsx#L16"
|
578
578
|
}
|
579
579
|
],
|
580
580
|
"type": {
|
@@ -583,7 +583,7 @@
|
|
583
583
|
}
|
584
584
|
},
|
585
585
|
{
|
586
|
-
"id":
|
586
|
+
"id": 48,
|
587
587
|
"name": "subtitle",
|
588
588
|
"kind": 1024,
|
589
589
|
"kindString": "Property",
|
@@ -595,7 +595,7 @@
|
|
595
595
|
"fileName": "packages/sdk/packages/card/src/components/SimpleCard/SimpleCard.tsx",
|
596
596
|
"line": 19,
|
597
597
|
"character": 2,
|
598
|
-
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/
|
598
|
+
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/a393b8c7/packages/sdk/packages/card/src/components/SimpleCard/SimpleCard.tsx#L19"
|
599
599
|
}
|
600
600
|
],
|
601
601
|
"type": {
|
@@ -604,7 +604,7 @@
|
|
604
604
|
}
|
605
605
|
},
|
606
606
|
{
|
607
|
-
"id":
|
607
|
+
"id": 43,
|
608
608
|
"name": "to",
|
609
609
|
"kind": 1024,
|
610
610
|
"kindString": "Property",
|
@@ -616,7 +616,7 @@
|
|
616
616
|
"fileName": "packages/sdk/packages/card/src/components/SimpleCard/SimpleCard.tsx",
|
617
617
|
"line": 14,
|
618
618
|
"character": 2,
|
619
|
-
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/
|
619
|
+
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/a393b8c7/packages/sdk/packages/card/src/components/SimpleCard/SimpleCard.tsx#L14"
|
620
620
|
}
|
621
621
|
],
|
622
622
|
"type": {
|
@@ -631,16 +631,16 @@
|
|
631
631
|
{
|
632
632
|
"title": "Properties",
|
633
633
|
"children": [
|
634
|
-
34,
|
635
|
-
42,
|
636
|
-
33,
|
637
|
-
35,
|
638
|
-
39,
|
639
|
-
40,
|
640
|
-
37,
|
641
|
-
38,
|
642
634
|
41,
|
643
|
-
|
635
|
+
49,
|
636
|
+
40,
|
637
|
+
42,
|
638
|
+
46,
|
639
|
+
47,
|
640
|
+
44,
|
641
|
+
45,
|
642
|
+
48,
|
643
|
+
43
|
644
644
|
]
|
645
645
|
}
|
646
646
|
],
|
@@ -649,19 +649,103 @@
|
|
649
649
|
"fileName": "packages/sdk/packages/card/src/components/SimpleCard/SimpleCard.tsx",
|
650
650
|
"line": 10,
|
651
651
|
"character": 17,
|
652
|
-
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/
|
652
|
+
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/a393b8c7/packages/sdk/packages/card/src/components/SimpleCard/SimpleCard.tsx#L10"
|
653
653
|
}
|
654
654
|
],
|
655
655
|
"extendedTypes": [
|
656
656
|
{
|
657
657
|
"type": "reference",
|
658
|
-
"id":
|
658
|
+
"id": 8,
|
659
659
|
"name": "CardExProps"
|
660
660
|
}
|
661
661
|
]
|
662
662
|
},
|
663
663
|
{
|
664
664
|
"id": 1,
|
665
|
+
"name": "CardContentExProps",
|
666
|
+
"kind": 4194304,
|
667
|
+
"kindString": "Type alias",
|
668
|
+
"flags": {},
|
669
|
+
"sources": [
|
670
|
+
{
|
671
|
+
"fileName": "packages/sdk/packages/card/src/components/CardContentEx.tsx",
|
672
|
+
"line": 17,
|
673
|
+
"character": 12,
|
674
|
+
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/a393b8c7/packages/sdk/packages/card/src/components/CardContentEx.tsx#L17"
|
675
|
+
}
|
676
|
+
],
|
677
|
+
"type": {
|
678
|
+
"type": "intersection",
|
679
|
+
"types": [
|
680
|
+
{
|
681
|
+
"type": "reference",
|
682
|
+
"name": "CardContentProps",
|
683
|
+
"qualifiedName": "CardContentProps",
|
684
|
+
"package": "@mui/material"
|
685
|
+
},
|
686
|
+
{
|
687
|
+
"type": "reflection",
|
688
|
+
"declaration": {
|
689
|
+
"id": 2,
|
690
|
+
"name": "__type",
|
691
|
+
"kind": 65536,
|
692
|
+
"kindString": "Type literal",
|
693
|
+
"flags": {},
|
694
|
+
"children": [
|
695
|
+
{
|
696
|
+
"id": 3,
|
697
|
+
"name": "variant",
|
698
|
+
"kind": 1024,
|
699
|
+
"kindString": "Property",
|
700
|
+
"flags": {
|
701
|
+
"isOptional": true
|
702
|
+
},
|
703
|
+
"sources": [
|
704
|
+
{
|
705
|
+
"fileName": "packages/sdk/packages/card/src/components/CardContentEx.tsx",
|
706
|
+
"line": 18,
|
707
|
+
"character": 2,
|
708
|
+
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/a393b8c7/packages/sdk/packages/card/src/components/CardContentEx.tsx#L18"
|
709
|
+
}
|
710
|
+
],
|
711
|
+
"type": {
|
712
|
+
"type": "union",
|
713
|
+
"types": [
|
714
|
+
{
|
715
|
+
"type": "literal",
|
716
|
+
"value": "scrollable"
|
717
|
+
},
|
718
|
+
{
|
719
|
+
"type": "literal",
|
720
|
+
"value": "normal"
|
721
|
+
}
|
722
|
+
]
|
723
|
+
}
|
724
|
+
}
|
725
|
+
],
|
726
|
+
"groups": [
|
727
|
+
{
|
728
|
+
"title": "Properties",
|
729
|
+
"children": [
|
730
|
+
3
|
731
|
+
]
|
732
|
+
}
|
733
|
+
],
|
734
|
+
"sources": [
|
735
|
+
{
|
736
|
+
"fileName": "packages/sdk/packages/card/src/components/CardContentEx.tsx",
|
737
|
+
"line": 17,
|
738
|
+
"character": 52,
|
739
|
+
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/a393b8c7/packages/sdk/packages/card/src/components/CardContentEx.tsx#L17"
|
740
|
+
}
|
741
|
+
]
|
742
|
+
}
|
743
|
+
}
|
744
|
+
]
|
745
|
+
}
|
746
|
+
},
|
747
|
+
{
|
748
|
+
"id": 8,
|
665
749
|
"name": "CardExProps",
|
666
750
|
"kind": 4194304,
|
667
751
|
"kindString": "Type alias",
|
@@ -671,7 +755,7 @@
|
|
671
755
|
"fileName": "packages/sdk/packages/card/src/components/CardEx.tsx",
|
672
756
|
"line": 4,
|
673
757
|
"character": 12,
|
674
|
-
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/
|
758
|
+
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/a393b8c7/packages/sdk/packages/card/src/components/CardEx.tsx#L4"
|
675
759
|
}
|
676
760
|
],
|
677
761
|
"type": {
|
@@ -686,14 +770,14 @@
|
|
686
770
|
{
|
687
771
|
"type": "reflection",
|
688
772
|
"declaration": {
|
689
|
-
"id":
|
773
|
+
"id": 9,
|
690
774
|
"name": "__type",
|
691
775
|
"kind": 65536,
|
692
776
|
"kindString": "Type literal",
|
693
777
|
"flags": {},
|
694
778
|
"children": [
|
695
779
|
{
|
696
|
-
"id":
|
780
|
+
"id": 10,
|
697
781
|
"name": "gradient",
|
698
782
|
"kind": 1024,
|
699
783
|
"kindString": "Property",
|
@@ -705,7 +789,7 @@
|
|
705
789
|
"fileName": "packages/sdk/packages/card/src/components/CardEx.tsx",
|
706
790
|
"line": 5,
|
707
791
|
"character": 2,
|
708
|
-
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/
|
792
|
+
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/a393b8c7/packages/sdk/packages/card/src/components/CardEx.tsx#L5"
|
709
793
|
}
|
710
794
|
],
|
711
795
|
"type": {
|
@@ -727,7 +811,7 @@
|
|
727
811
|
{
|
728
812
|
"title": "Properties",
|
729
813
|
"children": [
|
730
|
-
|
814
|
+
10
|
731
815
|
]
|
732
816
|
}
|
733
817
|
],
|
@@ -736,7 +820,7 @@
|
|
736
820
|
"fileName": "packages/sdk/packages/card/src/components/CardEx.tsx",
|
737
821
|
"line": 4,
|
738
822
|
"character": 38,
|
739
|
-
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/
|
823
|
+
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/a393b8c7/packages/sdk/packages/card/src/components/CardEx.tsx#L4"
|
740
824
|
}
|
741
825
|
]
|
742
826
|
}
|
@@ -746,18 +830,94 @@
|
|
746
830
|
"extendedBy": [
|
747
831
|
{
|
748
832
|
"type": "reference",
|
749
|
-
"id":
|
833
|
+
"id": 28,
|
750
834
|
"name": "PageCardProps"
|
751
835
|
},
|
752
836
|
{
|
753
837
|
"type": "reference",
|
754
|
-
"id":
|
838
|
+
"id": 39,
|
755
839
|
"name": "SimpleCardProps"
|
756
840
|
}
|
757
841
|
]
|
758
842
|
},
|
759
843
|
{
|
760
844
|
"id": 4,
|
845
|
+
"name": "CardContentEx",
|
846
|
+
"kind": 64,
|
847
|
+
"kindString": "Function",
|
848
|
+
"flags": {},
|
849
|
+
"sources": [
|
850
|
+
{
|
851
|
+
"fileName": "packages/sdk/packages/card/src/components/CardContentEx.tsx",
|
852
|
+
"line": 21,
|
853
|
+
"character": 13,
|
854
|
+
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/a393b8c7/packages/sdk/packages/card/src/components/CardContentEx.tsx#L21"
|
855
|
+
}
|
856
|
+
],
|
857
|
+
"signatures": [
|
858
|
+
{
|
859
|
+
"id": 5,
|
860
|
+
"name": "CardContentEx",
|
861
|
+
"kind": 4096,
|
862
|
+
"kindString": "Call signature",
|
863
|
+
"flags": {},
|
864
|
+
"parameters": [
|
865
|
+
{
|
866
|
+
"id": 6,
|
867
|
+
"name": "props",
|
868
|
+
"kind": 32768,
|
869
|
+
"kindString": "Parameter",
|
870
|
+
"flags": {},
|
871
|
+
"type": {
|
872
|
+
"type": "reference",
|
873
|
+
"id": 1,
|
874
|
+
"name": "CardContentExProps"
|
875
|
+
}
|
876
|
+
},
|
877
|
+
{
|
878
|
+
"id": 7,
|
879
|
+
"name": "context",
|
880
|
+
"kind": 32768,
|
881
|
+
"kindString": "Parameter",
|
882
|
+
"flags": {
|
883
|
+
"isOptional": true
|
884
|
+
},
|
885
|
+
"type": {
|
886
|
+
"type": "intrinsic",
|
887
|
+
"name": "any"
|
888
|
+
}
|
889
|
+
}
|
890
|
+
],
|
891
|
+
"type": {
|
892
|
+
"type": "union",
|
893
|
+
"types": [
|
894
|
+
{
|
895
|
+
"type": "literal",
|
896
|
+
"value": null
|
897
|
+
},
|
898
|
+
{
|
899
|
+
"type": "reference",
|
900
|
+
"typeArguments": [
|
901
|
+
{
|
902
|
+
"type": "intrinsic",
|
903
|
+
"name": "any"
|
904
|
+
},
|
905
|
+
{
|
906
|
+
"type": "intrinsic",
|
907
|
+
"name": "any"
|
908
|
+
}
|
909
|
+
],
|
910
|
+
"name": "ReactElement",
|
911
|
+
"qualifiedName": "React.ReactElement",
|
912
|
+
"package": "@types/react"
|
913
|
+
}
|
914
|
+
]
|
915
|
+
}
|
916
|
+
}
|
917
|
+
]
|
918
|
+
},
|
919
|
+
{
|
920
|
+
"id": 11,
|
761
921
|
"name": "CardEx",
|
762
922
|
"kind": 64,
|
763
923
|
"kindString": "Function",
|
@@ -767,31 +927,31 @@
|
|
767
927
|
"fileName": "packages/sdk/packages/card/src/components/CardEx.tsx",
|
768
928
|
"line": 8,
|
769
929
|
"character": 13,
|
770
|
-
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/
|
930
|
+
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/a393b8c7/packages/sdk/packages/card/src/components/CardEx.tsx#L8"
|
771
931
|
}
|
772
932
|
],
|
773
933
|
"signatures": [
|
774
934
|
{
|
775
|
-
"id":
|
935
|
+
"id": 12,
|
776
936
|
"name": "CardEx",
|
777
937
|
"kind": 4096,
|
778
938
|
"kindString": "Call signature",
|
779
939
|
"flags": {},
|
780
940
|
"parameters": [
|
781
941
|
{
|
782
|
-
"id":
|
942
|
+
"id": 13,
|
783
943
|
"name": "props",
|
784
944
|
"kind": 32768,
|
785
945
|
"kindString": "Parameter",
|
786
946
|
"flags": {},
|
787
947
|
"type": {
|
788
948
|
"type": "reference",
|
789
|
-
"id":
|
949
|
+
"id": 8,
|
790
950
|
"name": "CardExProps"
|
791
951
|
}
|
792
952
|
},
|
793
953
|
{
|
794
|
-
"id":
|
954
|
+
"id": 14,
|
795
955
|
"name": "context",
|
796
956
|
"kind": 32768,
|
797
957
|
"kindString": "Parameter",
|
@@ -833,7 +993,7 @@
|
|
833
993
|
]
|
834
994
|
},
|
835
995
|
{
|
836
|
-
"id":
|
996
|
+
"id": 24,
|
837
997
|
"name": "FullWidthCard",
|
838
998
|
"kind": 64,
|
839
999
|
"kindString": "Function",
|
@@ -843,31 +1003,31 @@
|
|
843
1003
|
"fileName": "packages/sdk/packages/card/src/components/FullWidthCard/FullWidthCard.tsx",
|
844
1004
|
"line": 19,
|
845
1005
|
"character": 13,
|
846
|
-
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/
|
1006
|
+
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/a393b8c7/packages/sdk/packages/card/src/components/FullWidthCard/FullWidthCard.tsx#L19"
|
847
1007
|
}
|
848
1008
|
],
|
849
1009
|
"signatures": [
|
850
1010
|
{
|
851
|
-
"id":
|
1011
|
+
"id": 25,
|
852
1012
|
"name": "FullWidthCard",
|
853
1013
|
"kind": 4096,
|
854
1014
|
"kindString": "Call signature",
|
855
1015
|
"flags": {},
|
856
1016
|
"parameters": [
|
857
1017
|
{
|
858
|
-
"id":
|
1018
|
+
"id": 26,
|
859
1019
|
"name": "props",
|
860
1020
|
"kind": 32768,
|
861
1021
|
"kindString": "Parameter",
|
862
1022
|
"flags": {},
|
863
1023
|
"type": {
|
864
1024
|
"type": "reference",
|
865
|
-
"id":
|
1025
|
+
"id": 15,
|
866
1026
|
"name": "FullWidthCardProps"
|
867
1027
|
}
|
868
1028
|
},
|
869
1029
|
{
|
870
|
-
"id":
|
1030
|
+
"id": 27,
|
871
1031
|
"name": "context",
|
872
1032
|
"kind": 32768,
|
873
1033
|
"kindString": "Parameter",
|
@@ -909,7 +1069,7 @@
|
|
909
1069
|
]
|
910
1070
|
},
|
911
1071
|
{
|
912
|
-
"id":
|
1072
|
+
"id": 35,
|
913
1073
|
"name": "PageCard",
|
914
1074
|
"kind": 64,
|
915
1075
|
"kindString": "Function",
|
@@ -919,31 +1079,31 @@
|
|
919
1079
|
"fileName": "packages/sdk/packages/card/src/components/PageCard.tsx",
|
920
1080
|
"line": 14,
|
921
1081
|
"character": 13,
|
922
|
-
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/
|
1082
|
+
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/a393b8c7/packages/sdk/packages/card/src/components/PageCard.tsx#L14"
|
923
1083
|
}
|
924
1084
|
],
|
925
1085
|
"signatures": [
|
926
1086
|
{
|
927
|
-
"id":
|
1087
|
+
"id": 36,
|
928
1088
|
"name": "PageCard",
|
929
1089
|
"kind": 4096,
|
930
1090
|
"kindString": "Call signature",
|
931
1091
|
"flags": {},
|
932
1092
|
"parameters": [
|
933
1093
|
{
|
934
|
-
"id":
|
1094
|
+
"id": 37,
|
935
1095
|
"name": "props",
|
936
1096
|
"kind": 32768,
|
937
1097
|
"kindString": "Parameter",
|
938
1098
|
"flags": {},
|
939
1099
|
"type": {
|
940
1100
|
"type": "reference",
|
941
|
-
"id":
|
1101
|
+
"id": 28,
|
942
1102
|
"name": "PageCardProps"
|
943
1103
|
}
|
944
1104
|
},
|
945
1105
|
{
|
946
|
-
"id":
|
1106
|
+
"id": 38,
|
947
1107
|
"name": "context",
|
948
1108
|
"kind": 32768,
|
949
1109
|
"kindString": "Parameter",
|
@@ -985,7 +1145,7 @@
|
|
985
1145
|
]
|
986
1146
|
},
|
987
1147
|
{
|
988
|
-
"id":
|
1148
|
+
"id": 50,
|
989
1149
|
"name": "SimpleCard",
|
990
1150
|
"kind": 64,
|
991
1151
|
"kindString": "Function",
|
@@ -995,31 +1155,31 @@
|
|
995
1155
|
"fileName": "packages/sdk/packages/card/src/components/SimpleCard/SimpleCard.tsx",
|
996
1156
|
"line": 22,
|
997
1157
|
"character": 13,
|
998
|
-
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/
|
1158
|
+
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/a393b8c7/packages/sdk/packages/card/src/components/SimpleCard/SimpleCard.tsx#L22"
|
999
1159
|
}
|
1000
1160
|
],
|
1001
1161
|
"signatures": [
|
1002
1162
|
{
|
1003
|
-
"id":
|
1163
|
+
"id": 51,
|
1004
1164
|
"name": "SimpleCard",
|
1005
1165
|
"kind": 4096,
|
1006
1166
|
"kindString": "Call signature",
|
1007
1167
|
"flags": {},
|
1008
1168
|
"parameters": [
|
1009
1169
|
{
|
1010
|
-
"id":
|
1170
|
+
"id": 52,
|
1011
1171
|
"name": "props",
|
1012
1172
|
"kind": 32768,
|
1013
1173
|
"kindString": "Parameter",
|
1014
1174
|
"flags": {},
|
1015
1175
|
"type": {
|
1016
1176
|
"type": "reference",
|
1017
|
-
"id":
|
1177
|
+
"id": 39,
|
1018
1178
|
"name": "SimpleCardProps"
|
1019
1179
|
}
|
1020
1180
|
},
|
1021
1181
|
{
|
1022
|
-
"id":
|
1182
|
+
"id": 53,
|
1023
1183
|
"name": "context",
|
1024
1184
|
"kind": 32768,
|
1025
1185
|
"kindString": "Parameter",
|
@@ -1065,24 +1225,26 @@
|
|
1065
1225
|
{
|
1066
1226
|
"title": "Interfaces",
|
1067
1227
|
"children": [
|
1068
|
-
|
1069
|
-
|
1070
|
-
|
1228
|
+
15,
|
1229
|
+
28,
|
1230
|
+
39
|
1071
1231
|
]
|
1072
1232
|
},
|
1073
1233
|
{
|
1074
1234
|
"title": "Type Aliases",
|
1075
1235
|
"children": [
|
1076
|
-
1
|
1236
|
+
1,
|
1237
|
+
8
|
1077
1238
|
]
|
1078
1239
|
},
|
1079
1240
|
{
|
1080
1241
|
"title": "Functions",
|
1081
1242
|
"children": [
|
1082
1243
|
4,
|
1083
|
-
|
1084
|
-
|
1085
|
-
|
1244
|
+
11,
|
1245
|
+
24,
|
1246
|
+
35,
|
1247
|
+
50
|
1086
1248
|
]
|
1087
1249
|
}
|
1088
1250
|
],
|
@@ -1091,7 +1253,7 @@
|
|
1091
1253
|
"fileName": "packages/sdk/packages/card/src/index.ts",
|
1092
1254
|
"line": 1,
|
1093
1255
|
"character": 0,
|
1094
|
-
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/
|
1256
|
+
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/a393b8c7/packages/sdk/packages/card/src/index.ts#L1"
|
1095
1257
|
}
|
1096
1258
|
]
|
1097
1259
|
}
|
@@ -0,0 +1,7 @@
|
|
1
|
+
/// <reference types="react" />
|
2
|
+
import { CardContentProps } from '@mui/material';
|
3
|
+
export declare type CardContentExProps = CardContentProps & {
|
4
|
+
variant?: 'scrollable' | 'normal';
|
5
|
+
};
|
6
|
+
export declare const CardContentEx: React.FC<CardContentExProps>;
|
7
|
+
//# sourceMappingURL=CardContentEx.d.ts.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"CardContentEx.d.ts","sourceRoot":"","sources":["../../../src/components/CardContentEx.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAe,gBAAgB,EAAU,MAAM,eAAe,CAAA;AAgBrE,oBAAY,kBAAkB,GAAG,gBAAgB,GAAG;IAClD,OAAO,CAAC,EAAE,YAAY,GAAG,QAAQ,CAAA;CAClC,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAEtD,CAAA"}
|
@@ -0,0 +1,19 @@
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
2
|
+
import { CardContent, styled } from '@mui/material';
|
3
|
+
const CardContentExRoot = styled(CardContent, {
|
4
|
+
name: 'CardContentEx',
|
5
|
+
shouldForwardProp: (prop) => prop !== 'variant',
|
6
|
+
slot: 'Root',
|
7
|
+
})(({ variant }) => ({
|
8
|
+
...(variant === 'scrollable' && {
|
9
|
+
[':last-child']: {
|
10
|
+
paddingBottom: 0,
|
11
|
+
},
|
12
|
+
overflow: 'auto',
|
13
|
+
paddingTop: 0,
|
14
|
+
}),
|
15
|
+
}));
|
16
|
+
export const CardContentEx = (props) => {
|
17
|
+
return _jsx(CardContentExRoot, { ...props });
|
18
|
+
};
|
19
|
+
//# sourceMappingURL=CardContentEx.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"CardContentEx.js","sourceRoot":"","sources":["../../../src/components/CardContentEx.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAoB,MAAM,EAAE,MAAM,eAAe,CAAA;AAErE,MAAM,iBAAiB,GAAG,MAAM,CAAC,WAAW,EAAE;IAC5C,IAAI,EAAE,eAAe;IACrB,iBAAiB,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,KAAK,SAAS;IAC/C,IAAI,EAAE,MAAM;CACb,CAAC,CAAqB,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,CAAC;IACvC,GAAG,CAAC,OAAO,KAAK,YAAY,IAAI;QAC9B,CAAC,aAAa,CAAC,EAAE;YACf,aAAa,EAAE,CAAC;SACjB;QACD,QAAQ,EAAE,MAAM;QAChB,UAAU,EAAE,CAAC;KACd,CAAC;CACH,CAAC,CAAC,CAAA;AAMH,MAAM,CAAC,MAAM,aAAa,GAAiC,CAAC,KAAK,EAAE,EAAE;IACnE,OAAO,KAAC,iBAAiB,OAAK,KAAK,GAAI,CAAA;AACzC,CAAC,CAAA"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAA;AACxB,cAAc,iBAAiB,CAAA;AAC/B,cAAc,YAAY,CAAA;AAC1B,cAAc,cAAc,CAAA"}
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAA;AAC/B,cAAc,UAAU,CAAA;AACxB,cAAc,iBAAiB,CAAA;AAC/B,cAAc,YAAY,CAAA;AAC1B,cAAc,cAAc,CAAA"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAA;AACxB,cAAc,iBAAiB,CAAA;AAC/B,cAAc,YAAY,CAAA;AAC1B,cAAc,cAAc,CAAA"}
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAA;AAC/B,cAAc,UAAU,CAAA;AACxB,cAAc,iBAAiB,CAAA;AAC/B,cAAc,YAAY,CAAA;AAC1B,cAAc,cAAc,CAAA"}
|
package/package.json
CHANGED
@@ -11,7 +11,7 @@
|
|
11
11
|
},
|
12
12
|
"dependencies": {
|
13
13
|
"@xylabs/react-flexbox": "^2.14.20",
|
14
|
-
"@xyo-network/react-shared": "^2.36.
|
14
|
+
"@xyo-network/react-shared": "^2.36.2",
|
15
15
|
"tslib": "^2.4.0"
|
16
16
|
},
|
17
17
|
"peerDependencies": {
|
@@ -65,5 +65,5 @@
|
|
65
65
|
},
|
66
66
|
"sideEffects": false,
|
67
67
|
"types": "dist/esm/index.d.ts",
|
68
|
-
"version": "2.36.
|
68
|
+
"version": "2.36.2"
|
69
69
|
}
|
@@ -0,0 +1,48 @@
|
|
1
|
+
/* eslint-disable import/no-internal-modules */
|
2
|
+
import { Typography } from '@mui/material'
|
3
|
+
import { ComponentStory, DecoratorFn, Meta } from '@storybook/react'
|
4
|
+
import { FlexGrowCol } from '@xylabs/react-flexbox'
|
5
|
+
|
6
|
+
import { CardContentEx } from './CardContentEx'
|
7
|
+
import { PageCard } from './PageCard'
|
8
|
+
|
9
|
+
const ScrollableDecoratorFn: DecoratorFn = (Story, args) => (
|
10
|
+
<FlexGrowCol alignItems="stretch" position="absolute" height="calc(100vh - 2rem)" style={{ inset: 0 }}>
|
11
|
+
<Story {...args} />
|
12
|
+
</FlexGrowCol>
|
13
|
+
)
|
14
|
+
|
15
|
+
const StorybookEntry: Meta = {
|
16
|
+
argTypes: {},
|
17
|
+
component: CardContentEx,
|
18
|
+
parameters: {
|
19
|
+
docs: {
|
20
|
+
page: null,
|
21
|
+
},
|
22
|
+
},
|
23
|
+
title: 'shared/CardContentEx',
|
24
|
+
}
|
25
|
+
|
26
|
+
const Template: ComponentStory<typeof CardContentEx> = (props) => {
|
27
|
+
return (
|
28
|
+
<PageCard title="Page Card" subheader="subheader">
|
29
|
+
<CardContentEx {...props}>
|
30
|
+
{[...Array(100).keys()].map((item) => (
|
31
|
+
<Typography key={item}>{item}. - Item row</Typography>
|
32
|
+
))}
|
33
|
+
</CardContentEx>
|
34
|
+
</PageCard>
|
35
|
+
)
|
36
|
+
}
|
37
|
+
|
38
|
+
const Default = Template.bind({})
|
39
|
+
Default.args = {}
|
40
|
+
|
41
|
+
const WithVariant = Template.bind({})
|
42
|
+
WithVariant.args = { variant: 'scrollable' }
|
43
|
+
WithVariant.decorators = [ScrollableDecoratorFn]
|
44
|
+
|
45
|
+
export { Default, WithVariant }
|
46
|
+
|
47
|
+
// eslint-disable-next-line import/no-default-export
|
48
|
+
export default StorybookEntry
|
@@ -0,0 +1,23 @@
|
|
1
|
+
import { CardContent, CardContentProps, styled } from '@mui/material'
|
2
|
+
|
3
|
+
const CardContentExRoot = styled(CardContent, {
|
4
|
+
name: 'CardContentEx',
|
5
|
+
shouldForwardProp: (prop) => prop !== 'variant',
|
6
|
+
slot: 'Root',
|
7
|
+
})<CardContentExProps>(({ variant }) => ({
|
8
|
+
...(variant === 'scrollable' && {
|
9
|
+
[':last-child']: {
|
10
|
+
paddingBottom: 0,
|
11
|
+
},
|
12
|
+
overflow: 'auto',
|
13
|
+
paddingTop: 0,
|
14
|
+
}),
|
15
|
+
}))
|
16
|
+
|
17
|
+
export type CardContentExProps = CardContentProps & {
|
18
|
+
variant?: 'scrollable' | 'normal'
|
19
|
+
}
|
20
|
+
|
21
|
+
export const CardContentEx: React.FC<CardContentExProps> = (props) => {
|
22
|
+
return <CardContentExRoot {...props} />
|
23
|
+
}
|
package/src/components/index.ts
CHANGED