@xyo-network/react-card 2.32.0-rc.9 → 2.33.0

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.
Files changed (11) hide show
  1. package/dist/cjs/components/PageCard.d.ts +2 -2
  2. package/dist/cjs/components/PageCard.d.ts.map +1 -1
  3. package/dist/cjs/components/PageCard.js +2 -2
  4. package/dist/cjs/components/PageCard.js.map +1 -1
  5. package/dist/docs.json +96 -156
  6. package/dist/esm/components/PageCard.d.ts +2 -2
  7. package/dist/esm/components/PageCard.d.ts.map +1 -1
  8. package/dist/esm/components/PageCard.js +2 -2
  9. package/dist/esm/components/PageCard.js.map +1 -1
  10. package/package.json +8 -8
  11. package/src/components/PageCard.tsx +17 -14
package/dist/cjs/components/PageCard.d.ts CHANGED
@@ -1,10 +1,10 @@
1
- import { CardHeaderProps, SvgIconProps } from '@mui/material';
1
+ import { CardHeaderProps } from '@mui/material';
2
2
  import { ReactNode } from 'react';
3
3
  import { CardExProps } from './CardEx';
4
4
  export interface PageCardProps extends CardExProps {
5
- icon?: (props?: SvgIconProps) => ReactNode;
6
5
  onRefresh?: () => void;
7
6
  subheader?: CardHeaderProps['subheader'];
7
+ action?: ReactNode;
8
8
  }
9
9
  export declare const PageCard: React.FC<PageCardProps>;
10
10
  //# sourceMappingURL=PageCard.d.ts.map
package/dist/cjs/components/PageCard.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"PageCard.d.ts","sourceRoot":"","sources":["../../../src/components/PageCard.tsx"],"names":[],"mappings":"AACA,OAAO,EAAc,eAAe,EAAc,YAAY,EAAE,MAAM,eAAe,CAAA;AAErF,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjC,OAAO,EAAU,WAAW,EAAE,MAAM,UAAU,CAAA;AAE9C,MAAM,WAAW,aAAc,SAAQ,WAAW;IAChD,IAAI,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,YAAY,KAAK,SAAS,CAAA;IAC1C,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;IACtB,SAAS,CAAC,EAAE,eAAe,CAAC,WAAW,CAAC,CAAA;CACzC;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAwB5C,CAAA"}
1
+ {"version":3,"file":"PageCard.d.ts","sourceRoot":"","sources":["../../../src/components/PageCard.tsx"],"names":[],"mappings":"AACA,OAAO,EAAc,eAAe,EAAc,MAAM,eAAe,CAAA;AAEvE,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjC,OAAO,EAAU,WAAW,EAAE,MAAM,UAAU,CAAA;AAE9C,MAAM,WAAW,aAAc,SAAQ,WAAW;IAChD,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;IACtB,SAAS,CAAC,EAAE,eAAe,CAAC,WAAW,CAAC,CAAA;IACxC,MAAM,CAAC,EAAE,SAAS,CAAA;CACnB;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CA2B5C,CAAA"}
package/dist/cjs/components/PageCard.js CHANGED
@@ -8,8 +8,8 @@ const material_1 = require("@mui/material");
8
8
  const react_shared_1 = require("@xyo-network/react-shared");
9
9
  const CardEx_1 = require("./CardEx");
10
10
  const PageCard = (_a) => {
11
- var { subheader, title, icon, onRefresh, children, style } = _a, props = tslib_1.__rest(_a, ["subheader", "title", "icon", "onRefresh", "children", "style"]);
12
- return ((0, jsx_runtime_1.jsxs)(CardEx_1.CardEx, Object.assign({ style: Object.assign({ position: 'relative' }, style) }, props, { children: [icon === null || icon === void 0 ? void 0 : icon({ style: { fontSize: 512, left: '-144px', opacity: 0.05, position: 'absolute', top: '-144px' } }), (0, jsx_runtime_1.jsx)(material_1.CardHeader, { title: (0, jsx_runtime_1.jsx)(react_shared_1.TypographyEx, Object.assign({ variant: "h4", gradient: "text" }, { children: title })), subheader: subheader, action: (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: onRefresh ? ((0, jsx_runtime_1.jsx)(material_1.IconButton, Object.assign({ onClick: () => onRefresh === null || onRefresh === void 0 ? void 0 : onRefresh() }, { children: (0, jsx_runtime_1.jsx)(Refresh_1.default, {}) }))) : null }) }), children] })));
11
+ var { subheader, title, onRefresh, children, action, style } = _a, props = tslib_1.__rest(_a, ["subheader", "title", "onRefresh", "children", "action", "style"]);
12
+ return ((0, jsx_runtime_1.jsxs)(CardEx_1.CardEx, Object.assign({ style: Object.assign({ backgroundColor: 'transparent', position: 'relative' }, style), elevation: 0 }, props, { children: [(0, jsx_runtime_1.jsx)(material_1.CardHeader, { title: (0, jsx_runtime_1.jsx)(react_shared_1.TypographyEx, Object.assign({ variant: "h5", gutterBottom: true }, { children: title })), subheader: (0, jsx_runtime_1.jsx)(react_shared_1.TypographyEx, Object.assign({ variant: "subtitle1" }, { children: subheader })), action: action ? (action) : ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: onRefresh ? ((0, jsx_runtime_1.jsx)(material_1.IconButton, Object.assign({ onClick: () => onRefresh === null || onRefresh === void 0 ? void 0 : onRefresh() }, { children: (0, jsx_runtime_1.jsx)(Refresh_1.default, {}) }))) : null })) }), children] })));
13
13
  };
14
14
  exports.PageCard = PageCard;
15
15
  //# sourceMappingURL=PageCard.js.map
package/dist/cjs/components/PageCard.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"PageCard.js","sourceRoot":"","sources":["../../../src/components/PageCard.tsx"],"names":[],"mappings":";;;;;AAAA,kFAAqD;AACrD,4CAAqF;AACrF,4DAAwD;AAGxD,qCAA8C;AAQvC,MAAM,QAAQ,GAA4B,CAAC,EAAgE,EAAE,EAAE;QAApE,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,OAAY,EAAP,KAAK,sBAA9D,gEAAgE,CAAF;IAC9G,OAAO,CACL,wBAAC,eAAM,kBAAC,KAAK,kBAAI,QAAQ,EAAE,UAAU,IAAK,KAAK,KAAQ,KAAK,eACzD,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAG,EAAE,KAAK,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,UAAU,EAAE,GAAG,EAAE,QAAQ,EAAE,EAAE,CAAC,EACzG,uBAAC,qBAAU,IACT,KAAK,EACH,uBAAC,2BAAY,kBAAC,OAAO,EAAC,IAAI,EAAC,QAAQ,EAAC,MAAM,gBACvC,KAAK,IACO,EAEjB,SAAS,EAAE,SAAS,EACpB,MAAM,EACJ,2DACG,SAAS,CAAC,CAAC,CAAC,CACX,uBAAC,qBAAU,kBAAC,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,aAAT,SAAS,uBAAT,SAAS,EAAI,gBACtC,uBAAC,iBAAW,KAAG,IACJ,CACd,CAAC,CAAC,CAAC,IAAI,GACP,GAEL,EACD,QAAQ,KACF,CACV,CAAA;AACH,CAAC,CAAA;AAxBY,QAAA,QAAQ,YAwBpB"}
1
+ {"version":3,"file":"PageCard.js","sourceRoot":"","sources":["../../../src/components/PageCard.tsx"],"names":[],"mappings":";;;;;AAAA,kFAAqD;AACrD,4CAAuE;AACvE,4DAAwD;AAGxD,qCAA8C;AAQvC,MAAM,QAAQ,GAA4B,CAAC,EAAkE,EAAE,EAAE;QAAtE,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,OAAY,EAAP,KAAK,sBAAhE,kEAAkE,CAAF;IAChH,OAAO,CACL,wBAAC,eAAM,kBAAC,KAAK,kBAAI,eAAe,EAAE,aAAa,EAAE,QAAQ,EAAE,UAAU,IAAK,KAAK,GAAI,SAAS,EAAE,CAAC,IAAM,KAAK,eACxG,uBAAC,qBAAU,IACT,KAAK,EACH,uBAAC,2BAAY,kBAAC,OAAO,EAAC,IAAI,EAAC,YAAY,sBACpC,KAAK,IACO,EAEjB,SAAS,EAAE,uBAAC,2BAAY,kBAAC,OAAO,EAAC,WAAW,gBAAE,SAAS,IAAgB,EACvE,MAAM,EACJ,MAAM,CAAC,CAAC,CAAC,CACP,MAAM,CACP,CAAC,CAAC,CAAC,CACF,2DACG,SAAS,CAAC,CAAC,CAAC,CACX,uBAAC,qBAAU,kBAAC,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,aAAT,SAAS,uBAAT,SAAS,EAAI,gBACtC,uBAAC,iBAAW,KAAG,IACJ,CACd,CAAC,CAAC,CAAC,IAAI,GACP,CACJ,GAEH,EACD,QAAQ,KACF,CACV,CAAA;AACH,CAAC,CAAA;AA3BY,QAAA,QAAQ,YA2BpB"}
package/dist/docs.json CHANGED
@@ -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/98da10b5/packages/sdk/packages/card/src/components/FullWidthCard/FullWidthCard.tsx#L16"
29
+ "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/05533336/packages/sdk/packages/card/src/components/FullWidthCard/FullWidthCard.tsx#L16"
30
30
  }
31
31
  ],
32
32
  "type": {
@@ -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/98da10b5/packages/sdk/packages/card/src/components/FullWidthCard/FullWidthCard.tsx#L10"
50
+ "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/05533336/packages/sdk/packages/card/src/components/FullWidthCard/FullWidthCard.tsx#L10"
51
51
  }
52
52
  ],
53
53
  "type": {
@@ -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/98da10b5/packages/sdk/packages/card/src/components/FullWidthCard/FullWidthCard.tsx#L11"
73
+ "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/05533336/packages/sdk/packages/card/src/components/FullWidthCard/FullWidthCard.tsx#L11"
74
74
  }
75
75
  ],
76
76
  "type": {
@@ -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/98da10b5/packages/sdk/packages/card/src/components/FullWidthCard/FullWidthCard.tsx#L13"
94
+ "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/05533336/packages/sdk/packages/card/src/components/FullWidthCard/FullWidthCard.tsx#L13"
95
95
  }
96
96
  ],
97
97
  "type": {
@@ -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/98da10b5/packages/sdk/packages/card/src/components/FullWidthCard/FullWidthCard.tsx#L14"
115
+ "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/05533336/packages/sdk/packages/card/src/components/FullWidthCard/FullWidthCard.tsx#L14"
116
116
  }
117
117
  ],
118
118
  "type": {
@@ -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/98da10b5/packages/sdk/packages/card/src/components/FullWidthCard/FullWidthCard.tsx#L9"
134
+ "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/05533336/packages/sdk/packages/card/src/components/FullWidthCard/FullWidthCard.tsx#L9"
135
135
  }
136
136
  ],
137
137
  "type": {
@@ -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/98da10b5/packages/sdk/packages/card/src/components/FullWidthCard/FullWidthCard.tsx#L15"
157
+ "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/05533336/packages/sdk/packages/card/src/components/FullWidthCard/FullWidthCard.tsx#L15"
158
158
  }
159
159
  ],
160
160
  "type": {
@@ -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/98da10b5/packages/sdk/packages/card/src/components/FullWidthCard/FullWidthCard.tsx#L12"
178
+ "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/05533336/packages/sdk/packages/card/src/components/FullWidthCard/FullWidthCard.tsx#L12"
179
179
  }
180
180
  ],
181
181
  "type": {
@@ -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/98da10b5/packages/sdk/packages/card/src/components/FullWidthCard/FullWidthCard.tsx#L8"
209
+ "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/05533336/packages/sdk/packages/card/src/components/FullWidthCard/FullWidthCard.tsx#L8"
210
210
  }
211
211
  ],
212
212
  "extendedTypes": [
@@ -226,7 +226,30 @@
226
226
  "flags": {},
227
227
  "children": [
228
228
  {
229
- "id": 31,
229
+ "id": 26,
230
+ "name": "action",
231
+ "kind": 1024,
232
+ "kindString": "Property",
233
+ "flags": {
234
+ "isOptional": true
235
+ },
236
+ "sources": [
237
+ {
238
+ "fileName": "packages/sdk/packages/card/src/components/PageCard.tsx",
239
+ "line": 11,
240
+ "character": 2,
241
+ "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/05533336/packages/sdk/packages/card/src/components/PageCard.tsx#L11"
242
+ }
243
+ ],
244
+ "type": {
245
+ "type": "reference",
246
+ "name": "ReactNode",
247
+ "qualifiedName": "React.ReactNode",
248
+ "package": "@types/react"
249
+ }
250
+ },
251
+ {
252
+ "id": 27,
230
253
  "name": "gradient",
231
254
  "kind": 1024,
232
255
  "kindString": "Property",
@@ -238,7 +261,7 @@
238
261
  "fileName": "packages/sdk/packages/card/src/components/CardEx.tsx",
239
262
  "line": 5,
240
263
  "character": 2,
241
- "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/98da10b5/packages/sdk/packages/card/src/components/CardEx.tsx#L5"
264
+ "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/05533336/packages/sdk/packages/card/src/components/CardEx.tsx#L5"
242
265
  }
243
266
  ],
244
267
  "type": {
@@ -261,7 +284,7 @@
261
284
  },
262
285
  {
263
286
  "id": 22,
264
- "name": "icon",
287
+ "name": "onRefresh",
265
288
  "kind": 1024,
266
289
  "kindString": "Property",
267
290
  "flags": {
@@ -272,7 +295,7 @@
272
295
  "fileName": "packages/sdk/packages/card/src/components/PageCard.tsx",
273
296
  "line": 9,
274
297
  "character": 2,
275
- "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/98da10b5/packages/sdk/packages/card/src/components/PageCard.tsx#L9"
298
+ "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/05533336/packages/sdk/packages/card/src/components/PageCard.tsx#L9"
276
299
  }
277
300
  ],
278
301
  "type": {
@@ -287,96 +310,13 @@
287
310
  {
288
311
  "fileName": "packages/sdk/packages/card/src/components/PageCard.tsx",
289
312
  "line": 9,
290
- "character": 9,
291
- "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/98da10b5/packages/sdk/packages/card/src/components/PageCard.tsx#L9"
292
- }
293
- ],
294
- "signatures": [
295
- {
296
- "id": 24,
297
- "name": "__type",
298
- "kind": 4096,
299
- "kindString": "Call signature",
300
- "flags": {},
301
- "parameters": [
302
- {
303
- "id": 25,
304
- "name": "props",
305
- "kind": 32768,
306
- "kindString": "Parameter",
307
- "flags": {
308
- "isOptional": true
309
- },
310
- "type": {
311
- "type": "reference",
312
- "typeArguments": [
313
- {
314
- "type": "literal",
315
- "value": "svg"
316
- },
317
- {
318
- "type": "reflection",
319
- "declaration": {
320
- "id": 26,
321
- "name": "__type",
322
- "kind": 65536,
323
- "kindString": "Type literal",
324
- "flags": {}
325
- }
326
- }
327
- ],
328
- "name": "SvgIconProps",
329
- "qualifiedName": "SvgIconProps",
330
- "package": "@mui/material"
331
- }
332
- }
333
- ],
334
- "type": {
335
- "type": "reference",
336
- "name": "ReactNode",
337
- "qualifiedName": "React.ReactNode",
338
- "package": "@types/react"
339
- }
340
- }
341
- ]
342
- }
343
- }
344
- },
345
- {
346
- "id": 27,
347
- "name": "onRefresh",
348
- "kind": 1024,
349
- "kindString": "Property",
350
- "flags": {
351
- "isOptional": true
352
- },
353
- "sources": [
354
- {
355
- "fileName": "packages/sdk/packages/card/src/components/PageCard.tsx",
356
- "line": 10,
357
- "character": 2,
358
- "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/98da10b5/packages/sdk/packages/card/src/components/PageCard.tsx#L10"
359
- }
360
- ],
361
- "type": {
362
- "type": "reflection",
363
- "declaration": {
364
- "id": 28,
365
- "name": "__type",
366
- "kind": 65536,
367
- "kindString": "Type literal",
368
- "flags": {},
369
- "sources": [
370
- {
371
- "fileName": "packages/sdk/packages/card/src/components/PageCard.tsx",
372
- "line": 10,
373
313
  "character": 14,
374
- "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/98da10b5/packages/sdk/packages/card/src/components/PageCard.tsx#L10"
314
+ "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/05533336/packages/sdk/packages/card/src/components/PageCard.tsx#L9"
375
315
  }
376
316
  ],
377
317
  "signatures": [
378
318
  {
379
- "id": 29,
319
+ "id": 24,
380
320
  "name": "__type",
381
321
  "kind": 4096,
382
322
  "kindString": "Call signature",
@@ -391,7 +331,7 @@
391
331
  }
392
332
  },
393
333
  {
394
- "id": 30,
334
+ "id": 25,
395
335
  "name": "subheader",
396
336
  "kind": 1024,
397
337
  "kindString": "Property",
@@ -401,9 +341,9 @@
401
341
  "sources": [
402
342
  {
403
343
  "fileName": "packages/sdk/packages/card/src/components/PageCard.tsx",
404
- "line": 11,
344
+ "line": 10,
405
345
  "character": 2,
406
- "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/98da10b5/packages/sdk/packages/card/src/components/PageCard.tsx#L11"
346
+ "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/05533336/packages/sdk/packages/card/src/components/PageCard.tsx#L10"
407
347
  }
408
348
  ],
409
349
  "type": {
@@ -418,10 +358,10 @@
418
358
  {
419
359
  "title": "Properties",
420
360
  "children": [
421
- 31,
422
- 22,
361
+ 26,
423
362
  27,
424
- 30
363
+ 22,
364
+ 25
425
365
  ]
426
366
  }
427
367
  ],
@@ -430,7 +370,7 @@
430
370
  "fileName": "packages/sdk/packages/card/src/components/PageCard.tsx",
431
371
  "line": 8,
432
372
  "character": 17,
433
- "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/98da10b5/packages/sdk/packages/card/src/components/PageCard.tsx#L8"
373
+ "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/05533336/packages/sdk/packages/card/src/components/PageCard.tsx#L8"
434
374
  }
435
375
  ],
436
376
  "extendedTypes": [
@@ -442,14 +382,14 @@
442
382
  ]
443
383
  },
444
384
  {
445
- "id": 36,
385
+ "id": 32,
446
386
  "name": "SimpleCardProps",
447
387
  "kind": 256,
448
388
  "kindString": "Interface",
449
389
  "flags": {},
450
390
  "children": [
451
391
  {
452
- "id": 38,
392
+ "id": 34,
453
393
  "name": "desc",
454
394
  "kind": 1024,
455
395
  "kindString": "Property",
@@ -461,7 +401,7 @@
461
401
  "fileName": "packages/sdk/packages/card/src/components/SimpleCard/SimpleCard.tsx",
462
402
  "line": 12,
463
403
  "character": 2,
464
- "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/98da10b5/packages/sdk/packages/card/src/components/SimpleCard/SimpleCard.tsx#L12"
404
+ "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/05533336/packages/sdk/packages/card/src/components/SimpleCard/SimpleCard.tsx#L12"
465
405
  }
466
406
  ],
467
407
  "type": {
@@ -472,7 +412,7 @@
472
412
  }
473
413
  },
474
414
  {
475
- "id": 46,
415
+ "id": 42,
476
416
  "name": "gradient",
477
417
  "kind": 1024,
478
418
  "kindString": "Property",
@@ -484,7 +424,7 @@
484
424
  "fileName": "packages/sdk/packages/card/src/components/CardEx.tsx",
485
425
  "line": 5,
486
426
  "character": 2,
487
- "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/98da10b5/packages/sdk/packages/card/src/components/CardEx.tsx#L5"
427
+ "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/05533336/packages/sdk/packages/card/src/components/CardEx.tsx#L5"
488
428
  }
489
429
  ],
490
430
  "type": {
@@ -506,7 +446,7 @@
506
446
  }
507
447
  },
508
448
  {
509
- "id": 37,
449
+ "id": 33,
510
450
  "name": "headline",
511
451
  "kind": 1024,
512
452
  "kindString": "Property",
@@ -518,7 +458,7 @@
518
458
  "fileName": "packages/sdk/packages/card/src/components/SimpleCard/SimpleCard.tsx",
519
459
  "line": 11,
520
460
  "character": 2,
521
- "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/98da10b5/packages/sdk/packages/card/src/components/SimpleCard/SimpleCard.tsx#L11"
461
+ "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/05533336/packages/sdk/packages/card/src/components/SimpleCard/SimpleCard.tsx#L11"
522
462
  }
523
463
  ],
524
464
  "type": {
@@ -529,7 +469,7 @@
529
469
  }
530
470
  },
531
471
  {
532
- "id": 39,
472
+ "id": 35,
533
473
  "name": "href",
534
474
  "kind": 1024,
535
475
  "kindString": "Property",
@@ -541,7 +481,7 @@
541
481
  "fileName": "packages/sdk/packages/card/src/components/SimpleCard/SimpleCard.tsx",
542
482
  "line": 13,
543
483
  "character": 2,
544
- "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/98da10b5/packages/sdk/packages/card/src/components/SimpleCard/SimpleCard.tsx#L13"
484
+ "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/05533336/packages/sdk/packages/card/src/components/SimpleCard/SimpleCard.tsx#L13"
545
485
  }
546
486
  ],
547
487
  "type": {
@@ -550,7 +490,7 @@
550
490
  }
551
491
  },
552
492
  {
553
- "id": 43,
493
+ "id": 39,
554
494
  "name": "iconImage",
555
495
  "kind": 1024,
556
496
  "kindString": "Property",
@@ -562,7 +502,7 @@
562
502
  "fileName": "packages/sdk/packages/card/src/components/SimpleCard/SimpleCard.tsx",
563
503
  "line": 17,
564
504
  "character": 2,
565
- "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/98da10b5/packages/sdk/packages/card/src/components/SimpleCard/SimpleCard.tsx#L17"
505
+ "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/05533336/packages/sdk/packages/card/src/components/SimpleCard/SimpleCard.tsx#L17"
566
506
  }
567
507
  ],
568
508
  "type": {
@@ -571,7 +511,7 @@
571
511
  }
572
512
  },
573
513
  {
574
- "id": 44,
514
+ "id": 40,
575
515
  "name": "interactionVariant",
576
516
  "kind": 1024,
577
517
  "kindString": "Property",
@@ -583,7 +523,7 @@
583
523
  "fileName": "packages/sdk/packages/card/src/components/SimpleCard/SimpleCard.tsx",
584
524
  "line": 18,
585
525
  "character": 2,
586
- "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/98da10b5/packages/sdk/packages/card/src/components/SimpleCard/SimpleCard.tsx#L18"
526
+ "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/05533336/packages/sdk/packages/card/src/components/SimpleCard/SimpleCard.tsx#L18"
587
527
  }
588
528
  ],
589
529
  "type": {
@@ -601,7 +541,7 @@
601
541
  }
602
542
  },
603
543
  {
604
- "id": 41,
544
+ "id": 37,
605
545
  "name": "media",
606
546
  "kind": 1024,
607
547
  "kindString": "Property",
@@ -613,7 +553,7 @@
613
553
  "fileName": "packages/sdk/packages/card/src/components/SimpleCard/SimpleCard.tsx",
614
554
  "line": 15,
615
555
  "character": 2,
616
- "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/98da10b5/packages/sdk/packages/card/src/components/SimpleCard/SimpleCard.tsx#L15"
556
+ "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/05533336/packages/sdk/packages/card/src/components/SimpleCard/SimpleCard.tsx#L15"
617
557
  }
618
558
  ],
619
559
  "type": {
@@ -622,7 +562,7 @@
622
562
  }
623
563
  },
624
564
  {
625
- "id": 42,
565
+ "id": 38,
626
566
  "name": "small",
627
567
  "kind": 1024,
628
568
  "kindString": "Property",
@@ -634,7 +574,7 @@
634
574
  "fileName": "packages/sdk/packages/card/src/components/SimpleCard/SimpleCard.tsx",
635
575
  "line": 16,
636
576
  "character": 2,
637
- "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/98da10b5/packages/sdk/packages/card/src/components/SimpleCard/SimpleCard.tsx#L16"
577
+ "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/05533336/packages/sdk/packages/card/src/components/SimpleCard/SimpleCard.tsx#L16"
638
578
  }
639
579
  ],
640
580
  "type": {
@@ -643,7 +583,7 @@
643
583
  }
644
584
  },
645
585
  {
646
- "id": 45,
586
+ "id": 41,
647
587
  "name": "subtitle",
648
588
  "kind": 1024,
649
589
  "kindString": "Property",
@@ -655,7 +595,7 @@
655
595
  "fileName": "packages/sdk/packages/card/src/components/SimpleCard/SimpleCard.tsx",
656
596
  "line": 19,
657
597
  "character": 2,
658
- "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/98da10b5/packages/sdk/packages/card/src/components/SimpleCard/SimpleCard.tsx#L19"
598
+ "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/05533336/packages/sdk/packages/card/src/components/SimpleCard/SimpleCard.tsx#L19"
659
599
  }
660
600
  ],
661
601
  "type": {
@@ -664,7 +604,7 @@
664
604
  }
665
605
  },
666
606
  {
667
- "id": 40,
607
+ "id": 36,
668
608
  "name": "to",
669
609
  "kind": 1024,
670
610
  "kindString": "Property",
@@ -676,7 +616,7 @@
676
616
  "fileName": "packages/sdk/packages/card/src/components/SimpleCard/SimpleCard.tsx",
677
617
  "line": 14,
678
618
  "character": 2,
679
- "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/98da10b5/packages/sdk/packages/card/src/components/SimpleCard/SimpleCard.tsx#L14"
619
+ "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/05533336/packages/sdk/packages/card/src/components/SimpleCard/SimpleCard.tsx#L14"
680
620
  }
681
621
  ],
682
622
  "type": {
@@ -691,16 +631,16 @@
691
631
  {
692
632
  "title": "Properties",
693
633
  "children": [
694
- 38,
695
- 46,
696
- 37,
634
+ 34,
635
+ 42,
636
+ 33,
637
+ 35,
697
638
  39,
698
- 43,
699
- 44,
639
+ 40,
640
+ 37,
641
+ 38,
700
642
  41,
701
- 42,
702
- 45,
703
- 40
643
+ 36
704
644
  ]
705
645
  }
706
646
  ],
@@ -709,7 +649,7 @@
709
649
  "fileName": "packages/sdk/packages/card/src/components/SimpleCard/SimpleCard.tsx",
710
650
  "line": 10,
711
651
  "character": 17,
712
- "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/98da10b5/packages/sdk/packages/card/src/components/SimpleCard/SimpleCard.tsx#L10"
652
+ "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/05533336/packages/sdk/packages/card/src/components/SimpleCard/SimpleCard.tsx#L10"
713
653
  }
714
654
  ],
715
655
  "extendedTypes": [
@@ -731,7 +671,7 @@
731
671
  "fileName": "packages/sdk/packages/card/src/components/CardEx.tsx",
732
672
  "line": 4,
733
673
  "character": 12,
734
- "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/98da10b5/packages/sdk/packages/card/src/components/CardEx.tsx#L4"
674
+ "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/05533336/packages/sdk/packages/card/src/components/CardEx.tsx#L4"
735
675
  }
736
676
  ],
737
677
  "type": {
@@ -765,7 +705,7 @@
765
705
  "fileName": "packages/sdk/packages/card/src/components/CardEx.tsx",
766
706
  "line": 5,
767
707
  "character": 2,
768
- "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/98da10b5/packages/sdk/packages/card/src/components/CardEx.tsx#L5"
708
+ "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/05533336/packages/sdk/packages/card/src/components/CardEx.tsx#L5"
769
709
  }
770
710
  ],
771
711
  "type": {
@@ -796,7 +736,7 @@
796
736
  "fileName": "packages/sdk/packages/card/src/components/CardEx.tsx",
797
737
  "line": 4,
798
738
  "character": 38,
799
- "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/98da10b5/packages/sdk/packages/card/src/components/CardEx.tsx#L4"
739
+ "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/05533336/packages/sdk/packages/card/src/components/CardEx.tsx#L4"
800
740
  }
801
741
  ]
802
742
  }
@@ -811,7 +751,7 @@
811
751
  },
812
752
  {
813
753
  "type": "reference",
814
- "id": 36,
754
+ "id": 32,
815
755
  "name": "SimpleCardProps"
816
756
  }
817
757
  ]
@@ -827,7 +767,7 @@
827
767
  "fileName": "packages/sdk/packages/card/src/components/CardEx.tsx",
828
768
  "line": 8,
829
769
  "character": 13,
830
- "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/98da10b5/packages/sdk/packages/card/src/components/CardEx.tsx#L8"
770
+ "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/05533336/packages/sdk/packages/card/src/components/CardEx.tsx#L8"
831
771
  }
832
772
  ],
833
773
  "signatures": [
@@ -903,7 +843,7 @@
903
843
  "fileName": "packages/sdk/packages/card/src/components/FullWidthCard/FullWidthCard.tsx",
904
844
  "line": 19,
905
845
  "character": 13,
906
- "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/98da10b5/packages/sdk/packages/card/src/components/FullWidthCard/FullWidthCard.tsx#L19"
846
+ "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/05533336/packages/sdk/packages/card/src/components/FullWidthCard/FullWidthCard.tsx#L19"
907
847
  }
908
848
  ],
909
849
  "signatures": [
@@ -969,7 +909,7 @@
969
909
  ]
970
910
  },
971
911
  {
972
- "id": 32,
912
+ "id": 28,
973
913
  "name": "PageCard",
974
914
  "kind": 64,
975
915
  "kindString": "Function",
@@ -979,19 +919,19 @@
979
919
  "fileName": "packages/sdk/packages/card/src/components/PageCard.tsx",
980
920
  "line": 14,
981
921
  "character": 13,
982
- "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/98da10b5/packages/sdk/packages/card/src/components/PageCard.tsx#L14"
922
+ "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/05533336/packages/sdk/packages/card/src/components/PageCard.tsx#L14"
983
923
  }
984
924
  ],
985
925
  "signatures": [
986
926
  {
987
- "id": 33,
927
+ "id": 29,
988
928
  "name": "PageCard",
989
929
  "kind": 4096,
990
930
  "kindString": "Call signature",
991
931
  "flags": {},
992
932
  "parameters": [
993
933
  {
994
- "id": 34,
934
+ "id": 30,
995
935
  "name": "props",
996
936
  "kind": 32768,
997
937
  "kindString": "Parameter",
@@ -1003,7 +943,7 @@
1003
943
  }
1004
944
  },
1005
945
  {
1006
- "id": 35,
946
+ "id": 31,
1007
947
  "name": "context",
1008
948
  "kind": 32768,
1009
949
  "kindString": "Parameter",
@@ -1045,7 +985,7 @@
1045
985
  ]
1046
986
  },
1047
987
  {
1048
- "id": 47,
988
+ "id": 43,
1049
989
  "name": "SimpleCard",
1050
990
  "kind": 64,
1051
991
  "kindString": "Function",
@@ -1055,31 +995,31 @@
1055
995
  "fileName": "packages/sdk/packages/card/src/components/SimpleCard/SimpleCard.tsx",
1056
996
  "line": 22,
1057
997
  "character": 13,
1058
- "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/98da10b5/packages/sdk/packages/card/src/components/SimpleCard/SimpleCard.tsx#L22"
998
+ "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/05533336/packages/sdk/packages/card/src/components/SimpleCard/SimpleCard.tsx#L22"
1059
999
  }
1060
1000
  ],
1061
1001
  "signatures": [
1062
1002
  {
1063
- "id": 48,
1003
+ "id": 44,
1064
1004
  "name": "SimpleCard",
1065
1005
  "kind": 4096,
1066
1006
  "kindString": "Call signature",
1067
1007
  "flags": {},
1068
1008
  "parameters": [
1069
1009
  {
1070
- "id": 49,
1010
+ "id": 45,
1071
1011
  "name": "props",
1072
1012
  "kind": 32768,
1073
1013
  "kindString": "Parameter",
1074
1014
  "flags": {},
1075
1015
  "type": {
1076
1016
  "type": "reference",
1077
- "id": 36,
1017
+ "id": 32,
1078
1018
  "name": "SimpleCardProps"
1079
1019
  }
1080
1020
  },
1081
1021
  {
1082
- "id": 50,
1022
+ "id": 46,
1083
1023
  "name": "context",
1084
1024
  "kind": 32768,
1085
1025
  "kindString": "Parameter",
@@ -1127,7 +1067,7 @@
1127
1067
  "children": [
1128
1068
  8,
1129
1069
  21,
1130
- 36
1070
+ 32
1131
1071
  ]
1132
1072
  },
1133
1073
  {
@@ -1141,8 +1081,8 @@
1141
1081
  "children": [
1142
1082
  4,
1143
1083
  17,
1144
- 32,
1145
- 47
1084
+ 28,
1085
+ 43
1146
1086
  ]
1147
1087
  }
1148
1088
  ],
@@ -1151,7 +1091,7 @@
1151
1091
  "fileName": "packages/sdk/packages/card/src/index.ts",
1152
1092
  "line": 1,
1153
1093
  "character": 0,
1154
- "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/98da10b5/packages/sdk/packages/card/src/index.ts#L1"
1094
+ "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/05533336/packages/sdk/packages/card/src/index.ts#L1"
1155
1095
  }
1156
1096
  ]
1157
1097
  }
package/dist/esm/components/PageCard.d.ts CHANGED
@@ -1,10 +1,10 @@
1
- import { CardHeaderProps, SvgIconProps } from '@mui/material';
1
+ import { CardHeaderProps } from '@mui/material';
2
2
  import { ReactNode } from 'react';
3
3
  import { CardExProps } from './CardEx';
4
4
  export interface PageCardProps extends CardExProps {
5
- icon?: (props?: SvgIconProps) => ReactNode;
6
5
  onRefresh?: () => void;
7
6
  subheader?: CardHeaderProps['subheader'];
7
+ action?: ReactNode;
8
8
  }
9
9
  export declare const PageCard: React.FC<PageCardProps>;
10
10
  //# sourceMappingURL=PageCard.d.ts.map
package/dist/esm/components/PageCard.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"PageCard.d.ts","sourceRoot":"","sources":["../../../src/components/PageCard.tsx"],"names":[],"mappings":"AACA,OAAO,EAAc,eAAe,EAAc,YAAY,EAAE,MAAM,eAAe,CAAA;AAErF,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjC,OAAO,EAAU,WAAW,EAAE,MAAM,UAAU,CAAA;AAE9C,MAAM,WAAW,aAAc,SAAQ,WAAW;IAChD,IAAI,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,YAAY,KAAK,SAAS,CAAA;IAC1C,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;IACtB,SAAS,CAAC,EAAE,eAAe,CAAC,WAAW,CAAC,CAAA;CACzC;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAwB5C,CAAA"}
1
+ {"version":3,"file":"PageCard.d.ts","sourceRoot":"","sources":["../../../src/components/PageCard.tsx"],"names":[],"mappings":"AACA,OAAO,EAAc,eAAe,EAAc,MAAM,eAAe,CAAA;AAEvE,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjC,OAAO,EAAU,WAAW,EAAE,MAAM,UAAU,CAAA;AAE9C,MAAM,WAAW,aAAc,SAAQ,WAAW;IAChD,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;IACtB,SAAS,CAAC,EAAE,eAAe,CAAC,WAAW,CAAC,CAAA;IACxC,MAAM,CAAC,EAAE,SAAS,CAAA;CACnB;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CA2B5C,CAAA"}
package/dist/esm/components/PageCard.js CHANGED
@@ -3,7 +3,7 @@ import RefreshIcon from '@mui/icons-material/Refresh';
3
3
  import { CardHeader, IconButton } from '@mui/material';
4
4
  import { TypographyEx } from '@xyo-network/react-shared';
5
5
  import { CardEx } from './CardEx';
6
- export const PageCard = ({ subheader, title, icon, onRefresh, children, style, ...props }) => {
7
- return (_jsxs(CardEx, { style: { position: 'relative', ...style }, ...props, children: [icon?.({ style: { fontSize: 512, left: '-144px', opacity: 0.05, position: 'absolute', top: '-144px' } }), _jsx(CardHeader, { title: _jsx(TypographyEx, { variant: "h4", gradient: "text", children: title }), subheader: subheader, action: _jsx(_Fragment, { children: onRefresh ? (_jsx(IconButton, { onClick: () => onRefresh?.(), children: _jsx(RefreshIcon, {}) })) : null }) }), children] }));
6
+ export const PageCard = ({ subheader, title, onRefresh, children, action, style, ...props }) => {
7
+ return (_jsxs(CardEx, { style: { backgroundColor: 'transparent', position: 'relative', ...style }, elevation: 0, ...props, children: [_jsx(CardHeader, { title: _jsx(TypographyEx, { variant: "h5", gutterBottom: true, children: title }), subheader: _jsx(TypographyEx, { variant: "subtitle1", children: subheader }), action: action ? (action) : (_jsx(_Fragment, { children: onRefresh ? (_jsx(IconButton, { onClick: () => onRefresh?.(), children: _jsx(RefreshIcon, {}) })) : null })) }), children] }));
8
8
  };
9
9
  //# sourceMappingURL=PageCard.js.map
package/dist/esm/components/PageCard.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"PageCard.js","sourceRoot":"","sources":["../../../src/components/PageCard.tsx"],"names":[],"mappings":";AAAA,OAAO,WAAW,MAAM,6BAA6B,CAAA;AACrD,OAAO,EAAE,UAAU,EAAmB,UAAU,EAAgB,MAAM,eAAe,CAAA;AACrF,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAA;AAGxD,OAAO,EAAE,MAAM,EAAe,MAAM,UAAU,CAAA;AAQ9C,MAAM,CAAC,MAAM,QAAQ,GAA4B,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACpH,OAAO,CACL,MAAC,MAAM,IAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,GAAG,KAAK,EAAE,KAAM,KAAK,aACzD,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,UAAU,EAAE,GAAG,EAAE,QAAQ,EAAE,EAAE,CAAC,EACzG,KAAC,UAAU,IACT,KAAK,EACH,KAAC,YAAY,IAAC,OAAO,EAAC,IAAI,EAAC,QAAQ,EAAC,MAAM,YACvC,KAAK,GACO,EAEjB,SAAS,EAAE,SAAS,EACpB,MAAM,EACJ,4BACG,SAAS,CAAC,CAAC,CAAC,CACX,KAAC,UAAU,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,EAAE,EAAE,YACtC,KAAC,WAAW,KAAG,GACJ,CACd,CAAC,CAAC,CAAC,IAAI,GACP,GAEL,EACD,QAAQ,IACF,CACV,CAAA;AACH,CAAC,CAAA"}
1
+ {"version":3,"file":"PageCard.js","sourceRoot":"","sources":["../../../src/components/PageCard.tsx"],"names":[],"mappings":";AAAA,OAAO,WAAW,MAAM,6BAA6B,CAAA;AACrD,OAAO,EAAE,UAAU,EAAmB,UAAU,EAAE,MAAM,eAAe,CAAA;AACvE,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAA;AAGxD,OAAO,EAAE,MAAM,EAAe,MAAM,UAAU,CAAA;AAQ9C,MAAM,CAAC,MAAM,QAAQ,GAA4B,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACtH,OAAO,CACL,MAAC,MAAM,IAAC,KAAK,EAAE,EAAE,eAAe,EAAE,aAAa,EAAE,QAAQ,EAAE,UAAU,EAAE,GAAG,KAAK,EAAE,EAAE,SAAS,EAAE,CAAC,KAAM,KAAK,aACxG,KAAC,UAAU,IACT,KAAK,EACH,KAAC,YAAY,IAAC,OAAO,EAAC,IAAI,EAAC,YAAY,kBACpC,KAAK,GACO,EAEjB,SAAS,EAAE,KAAC,YAAY,IAAC,OAAO,EAAC,WAAW,YAAE,SAAS,GAAgB,EACvE,MAAM,EACJ,MAAM,CAAC,CAAC,CAAC,CACP,MAAM,CACP,CAAC,CAAC,CAAC,CACF,4BACG,SAAS,CAAC,CAAC,CAAC,CACX,KAAC,UAAU,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,EAAE,EAAE,YACtC,KAAC,WAAW,KAAG,GACJ,CACd,CAAC,CAAC,CAAC,IAAI,GACP,CACJ,GAEH,EACD,QAAQ,IACF,CACV,CAAA;AACH,CAAC,CAAA"}
package/package.json CHANGED
@@ -10,16 +10,17 @@
10
10
  "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/issues"
11
11
  },
12
12
  "dependencies": {
13
- "@emotion/react": "^11.10.4",
14
- "@emotion/styled": "^11.10.4",
13
+ "@xylabs/react-flexbox": "^2.14.16",
14
+ "@xyo-network/react-shared": "^2.33.0",
15
+ "tslib": "^2.4.0"
16
+ },
17
+ "peerDependencies": {
15
18
  "@mui/icons-material": "^5.10.3",
16
19
  "@mui/material": "^5.10.3",
17
- "@xylabs/react-flexbox": "^2.14.14",
18
- "@xyo-network/react-shared": "^2.32.0-rc.9",
20
+ "@mui/styles": "^5.10.3",
19
21
  "react": "^18.2.0",
20
22
  "react-dom": "^18.2.0",
21
- "react-router-dom": "^6.3.0",
22
- "tslib": "^2.4.0"
23
+ "react-router-dom": "^6.3.0"
23
24
  },
24
25
  "description": "Common React library for all XYO projects that use React",
25
26
  "browser": "dist/esm/index.js",
@@ -64,6 +65,5 @@
64
65
  },
65
66
  "sideEffects": false,
66
67
  "types": "dist/esm/index.d.ts",
67
- "version": "2.32.0-rc.9",
68
- "stableVersion": "2.31.3"
68
+ "version": "2.33.0"
69
69
  }
package/src/components/PageCard.tsx CHANGED
@@ -1,35 +1,38 @@
1
1
  import RefreshIcon from '@mui/icons-material/Refresh'
2
- import { CardHeader, CardHeaderProps, IconButton, SvgIconProps } from '@mui/material'
2
+ import { CardHeader, CardHeaderProps, IconButton } from '@mui/material'
3
3
  import { TypographyEx } from '@xyo-network/react-shared'
4
4
  import { ReactNode } from 'react'
5
5
 
6
6
  import { CardEx, CardExProps } from './CardEx'
7
7
 
8
8
  export interface PageCardProps extends CardExProps {
9
- icon?: (props?: SvgIconProps) => ReactNode
10
9
  onRefresh?: () => void
11
10
  subheader?: CardHeaderProps['subheader']
11
+ action?: ReactNode
12
12
  }
13
13
 
14
- export const PageCard: React.FC<PageCardProps> = ({ subheader, title, icon, onRefresh, children, style, ...props }) => {
14
+ export const PageCard: React.FC<PageCardProps> = ({ subheader, title, onRefresh, children, action, style, ...props }) => {
15
15
  return (
16
- <CardEx style={{ position: 'relative', ...style }} {...props}>
17
- {icon?.({ style: { fontSize: 512, left: '-144px', opacity: 0.05, position: 'absolute', top: '-144px' } })}
16
+ <CardEx style={{ backgroundColor: 'transparent', position: 'relative', ...style }} elevation={0} {...props}>
18
17
  <CardHeader
19
18
  title={
20
- <TypographyEx variant="h4" gradient="text">
19
+ <TypographyEx variant="h5" gutterBottom>
21
20
  {title}
22
21
  </TypographyEx>
23
22
  }
24
- subheader={subheader}
23
+ subheader={<TypographyEx variant="subtitle1">{subheader}</TypographyEx>}
25
24
  action={
26
- <>
27
- {onRefresh ? (
28
- <IconButton onClick={() => onRefresh?.()}>
29
- <RefreshIcon />
30
- </IconButton>
31
- ) : null}
32
- </>
25
+ action ? (
26
+ action
27
+ ) : (
28
+ <>
29
+ {onRefresh ? (
30
+ <IconButton onClick={() => onRefresh?.()}>
31
+ <RefreshIcon />
32
+ </IconButton>
33
+ ) : null}
34
+ </>
35
+ )
33
36
  }
34
37
  />
35
38
  {children}