@selfcommunity/react-ui 0.7.0-alpha.159 → 0.7.0-alpha.160
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/lib/cjs/components/LoyaltyProgramDetail/Skeleton.d.ts +0 -26
- package/lib/cjs/components/LoyaltyProgramDetail/Skeleton.d.ts.map +1 -1
- package/lib/cjs/components/LoyaltyProgramDetail/Skeleton.js +38 -84
- package/lib/cjs/components/LoyaltyProgramDetail/Skeleton.js.map +1 -1
- package/lib/esm/components/LoyaltyProgramDetail/Skeleton.d.ts +0 -26
- package/lib/esm/components/LoyaltyProgramDetail/Skeleton.d.ts.map +1 -1
- package/lib/esm/components/LoyaltyProgramDetail/Skeleton.js +39 -83
- package/lib/esm/components/LoyaltyProgramDetail/Skeleton.js.map +1 -1
- package/lib/umd/react-ui.js +1 -1
- package/lib/umd/react-ui.js.map +1 -1
- package/package.json +2 -2
|
@@ -1,28 +1,3 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* > API documentation for the Community-JS Loyalty Program Detail Skeleton Prize component. Learn about the available props and the CSS API.
|
|
3
|
-
|
|
4
|
-
#### Import
|
|
5
|
-
|
|
6
|
-
```jsx
|
|
7
|
-
import {LoyaltyProgramDetailSkeletonPrize} from '@selfcommunity/react-ui';
|
|
8
|
-
```
|
|
9
|
-
|
|
10
|
-
#### Component Name
|
|
11
|
-
|
|
12
|
-
The name `SCLoyaltyProgramDetailSkeletonPrize` can be used when providing style overrides in the theme.
|
|
13
|
-
|
|
14
|
-
#### CSS
|
|
15
|
-
|
|
16
|
-
|Rule Name|Global class|Description|
|
|
17
|
-
|---|---|---|
|
|
18
|
-
|root|.SCLoyaltyProgramDetailSkeletonPrize-root|Styles applied to the root element.|
|
|
19
|
-
|chip|.SCLoyaltyProgramDetailSkeletonPrize-chip|Styles applied to the chip element.|
|
|
20
|
-
|content|.SCLoyaltyProgramDetailSkeletonPrize-content|Styles applied to the card content section.|
|
|
21
|
-
|title|.SCLoyaltyProgramDetailSkeletonPrize-title|Styles applied to the title element.|
|
|
22
|
-
|actions|.SCLoyaltyProgramDetailSkeletonPrize-actions|Styles applied to the action section.|
|
|
23
|
-
*
|
|
24
|
-
*/
|
|
25
|
-
export declare function PrizeSkeleton(): JSX.Element;
|
|
26
1
|
/**
|
|
27
2
|
* > API documentation for the Community-JS Loyalty Program Detail Skeleton component. Learn about the available props and the CSS API.
|
|
28
3
|
|
|
@@ -41,7 +16,6 @@ export declare function PrizeSkeleton(): JSX.Element;
|
|
|
41
16
|
|Rule Name|Global class|Description|
|
|
42
17
|
|---|---|---|
|
|
43
18
|
|root|.SCLoyaltyProgramDetailSkeleton-root|Styles applied to the root element.|
|
|
44
|
-
|header|.SCLoyaltyProgramDetailSkeleton-header|Styles applied to the card header element.|
|
|
45
19
|
|content|.SCLoyaltyProgramDetailSkeleton-content|Styles applied to the card content section.|
|
|
46
20
|
|list|.SCLoyaltyProgramDetailSkeleton-list|Styles applied to the list section.|
|
|
47
21
|
|listItem|.SCLoyaltyProgramDetailSkeleton-list-item|Styles applied to the list item elements.|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../../../src/components/LoyaltyProgramDetail/Skeleton.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../../../src/components/LoyaltyProgramDetail/Skeleton.tsx"],"names":[],"mappings":"AA2BA;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,MAAM,CAAC,OAAO,UAAU,4BAA4B,IAAI,GAAG,CAAC,OAAO,CAyDlE"}
|
|
@@ -3,7 +3,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
3
3
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
4
|
};
|
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
exports.PrizeSkeleton = void 0;
|
|
7
6
|
const react_1 = __importDefault(require("react"));
|
|
8
7
|
const styles_1 = require("@mui/material/styles");
|
|
9
8
|
const material_1 = require("@mui/material");
|
|
@@ -11,80 +10,21 @@ const Widget_1 = __importDefault(require("../Widget"));
|
|
|
11
10
|
const PREFIX = 'SCLoyaltyProgramDetailSkeleton';
|
|
12
11
|
const classes = {
|
|
13
12
|
root: `${PREFIX}-root`,
|
|
14
|
-
header: `${PREFIX}-header`,
|
|
15
13
|
title: `${PREFIX}-title`,
|
|
14
|
+
sectionTitle: `${PREFIX}-section-title`,
|
|
15
|
+
subTitle: `${PREFIX}-sub-title`,
|
|
16
16
|
content: `${PREFIX}-content`,
|
|
17
17
|
actions: `${PREFIX}-actions`,
|
|
18
|
-
|
|
19
|
-
|
|
18
|
+
prizeSection: `${PREFIX}-prize-section`,
|
|
19
|
+
prizeItem: `${PREFIX}-prize-item`,
|
|
20
|
+
pointsList: `${PREFIX}-points-list`,
|
|
20
21
|
chip: `${PREFIX}-chip`
|
|
21
22
|
};
|
|
22
|
-
const Root = (0, styles_1.styled)(
|
|
23
|
+
const Root = (0, styles_1.styled)(material_1.Box, {
|
|
23
24
|
name: PREFIX,
|
|
24
25
|
slot: 'Root',
|
|
25
26
|
overridesResolver: (props, styles) => styles.root
|
|
26
|
-
})(({ theme }) => ({
|
|
27
|
-
[`& .${classes.list}`]: {
|
|
28
|
-
display: 'flex',
|
|
29
|
-
flexDirection: 'row'
|
|
30
|
-
}
|
|
31
|
-
}));
|
|
32
|
-
const PrizeRoot = (0, styles_1.styled)(Widget_1.default, {
|
|
33
|
-
name: `${PREFIX}-Prize`,
|
|
34
|
-
slot: 'Root',
|
|
35
|
-
overridesResolver: (props, styles) => styles.root
|
|
36
|
-
})(({ theme }) => ({
|
|
37
|
-
[`& .${classes.root}`]: {
|
|
38
|
-
flexDirection: 'column',
|
|
39
|
-
justifyContent: 'space-between'
|
|
40
|
-
},
|
|
41
|
-
[`& .${classes.chip}`]: {
|
|
42
|
-
display: 'flex',
|
|
43
|
-
alignItems: 'center',
|
|
44
|
-
justifyContent: 'center'
|
|
45
|
-
},
|
|
46
|
-
[`& .${classes.actions}`]: {
|
|
47
|
-
justifyContent: 'center'
|
|
48
|
-
}
|
|
49
|
-
}));
|
|
50
|
-
/**
|
|
51
|
-
* > API documentation for the Community-JS Loyalty Program Detail Skeleton Prize component. Learn about the available props and the CSS API.
|
|
52
|
-
|
|
53
|
-
#### Import
|
|
54
|
-
|
|
55
|
-
```jsx
|
|
56
|
-
import {LoyaltyProgramDetailSkeletonPrize} from '@selfcommunity/react-ui';
|
|
57
|
-
```
|
|
58
|
-
|
|
59
|
-
#### Component Name
|
|
60
|
-
|
|
61
|
-
The name `SCLoyaltyProgramDetailSkeletonPrize` can be used when providing style overrides in the theme.
|
|
62
|
-
|
|
63
|
-
#### CSS
|
|
64
|
-
|
|
65
|
-
|Rule Name|Global class|Description|
|
|
66
|
-
|---|---|---|
|
|
67
|
-
|root|.SCLoyaltyProgramDetailSkeletonPrize-root|Styles applied to the root element.|
|
|
68
|
-
|chip|.SCLoyaltyProgramDetailSkeletonPrize-chip|Styles applied to the chip element.|
|
|
69
|
-
|content|.SCLoyaltyProgramDetailSkeletonPrize-content|Styles applied to the card content section.|
|
|
70
|
-
|title|.SCLoyaltyProgramDetailSkeletonPrize-title|Styles applied to the title element.|
|
|
71
|
-
|actions|.SCLoyaltyProgramDetailSkeletonPrize-actions|Styles applied to the action section.|
|
|
72
|
-
*
|
|
73
|
-
*/
|
|
74
|
-
function PrizeSkeleton() {
|
|
75
|
-
return (react_1.default.createElement(PrizeRoot, { className: classes.root },
|
|
76
|
-
react_1.default.createElement(material_1.Skeleton, { animation: "wave", variant: "rectangular", width: "100%", height: 40 }),
|
|
77
|
-
react_1.default.createElement(material_1.Box, { className: classes.chip },
|
|
78
|
-
react_1.default.createElement(material_1.Skeleton, { animation: "wave", variant: "circular", width: 30, height: 15 })),
|
|
79
|
-
react_1.default.createElement(material_1.CardContent, { className: classes.content },
|
|
80
|
-
react_1.default.createElement(material_1.Typography, { gutterBottom: true, variant: "body1", component: "div", className: classes.title },
|
|
81
|
-
react_1.default.createElement(material_1.Skeleton, { animation: "wave", height: 15, width: "70%", variant: "text" })),
|
|
82
|
-
react_1.default.createElement(material_1.Typography, { variant: "body2" },
|
|
83
|
-
react_1.default.createElement(material_1.Skeleton, { animation: "wave", height: 10, width: "100%", variant: "text" }))),
|
|
84
|
-
react_1.default.createElement(material_1.CardActions, { className: classes.actions },
|
|
85
|
-
react_1.default.createElement(material_1.Skeleton, { animation: "wave", height: 20, width: 50, variant: "rectangular" }))));
|
|
86
|
-
}
|
|
87
|
-
exports.PrizeSkeleton = PrizeSkeleton;
|
|
27
|
+
})(({ theme }) => ({}));
|
|
88
28
|
/**
|
|
89
29
|
* > API documentation for the Community-JS Loyalty Program Detail Skeleton component. Learn about the available props and the CSS API.
|
|
90
30
|
|
|
@@ -103,30 +43,44 @@ exports.PrizeSkeleton = PrizeSkeleton;
|
|
|
103
43
|
|Rule Name|Global class|Description|
|
|
104
44
|
|---|---|---|
|
|
105
45
|
|root|.SCLoyaltyProgramDetailSkeleton-root|Styles applied to the root element.|
|
|
106
|
-
|header|.SCLoyaltyProgramDetailSkeleton-header|Styles applied to the card header element.|
|
|
107
46
|
|content|.SCLoyaltyProgramDetailSkeleton-content|Styles applied to the card content section.|
|
|
108
47
|
|list|.SCLoyaltyProgramDetailSkeleton-list|Styles applied to the list section.|
|
|
109
48
|
|listItem|.SCLoyaltyProgramDetailSkeleton-list-item|Styles applied to the list item elements.|
|
|
110
49
|
*
|
|
111
50
|
*/
|
|
112
51
|
function LoyaltyProgramDetailSkeleton() {
|
|
52
|
+
const theme = (0, material_1.useTheme)();
|
|
53
|
+
const isMobile = (0, material_1.useMediaQuery)(theme.breakpoints.down('md'));
|
|
113
54
|
return (react_1.default.createElement(Root, { className: classes.root },
|
|
114
|
-
react_1.default.createElement(material_1.
|
|
115
|
-
|
|
116
|
-
react_1.default.createElement(
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
react_1.default.createElement(material_1.
|
|
120
|
-
|
|
121
|
-
react_1.default.createElement(material_1.
|
|
122
|
-
|
|
123
|
-
react_1.default.createElement(material_1.
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
react_1.default.createElement(
|
|
128
|
-
react_1.default.createElement(
|
|
129
|
-
react_1.default.createElement(
|
|
55
|
+
react_1.default.createElement(material_1.Typography, { className: classes.title, component: 'div' },
|
|
56
|
+
!isMobile && react_1.default.createElement(material_1.Skeleton, { animation: "wave", height: 30, width: 140, variant: "text" }),
|
|
57
|
+
react_1.default.createElement(material_1.Skeleton, { animation: "wave", variant: "circular", width: 172, height: 30, className: classes.chip })),
|
|
58
|
+
react_1.default.createElement(material_1.Typography, { className: classes.sectionTitle },
|
|
59
|
+
react_1.default.createElement(material_1.Skeleton, { animation: "wave", height: 20, width: '50%', variant: "text" }),
|
|
60
|
+
react_1.default.createElement(material_1.Skeleton, { animation: "wave", height: 17, width: '80%', variant: "text", className: classes.subTitle })),
|
|
61
|
+
react_1.default.createElement(material_1.Typography, { className: classes.sectionTitle },
|
|
62
|
+
react_1.default.createElement(material_1.Skeleton, { animation: "wave", height: 20, width: 146 })),
|
|
63
|
+
react_1.default.createElement(material_1.Grid, { container: true, spacing: 2, className: classes.pointsList }, [...Array(8)].map((prize, index) => (react_1.default.createElement(material_1.Grid, { item: true, xs: 12, sm: 12, md: 6, key: index },
|
|
64
|
+
react_1.default.createElement(material_1.Skeleton, { animation: "wave", height: 15, width: "100%" }))))),
|
|
65
|
+
react_1.default.createElement(material_1.Typography, { className: classes.sectionTitle },
|
|
66
|
+
react_1.default.createElement(material_1.Skeleton, { animation: "wave", height: 20, width: 140, variant: "text" })),
|
|
67
|
+
react_1.default.createElement(material_1.Grid, { container: true, spacing: isMobile ? 3 : 6, className: classes.prizeSection }, [...Array(6)].map((prize, index) => (react_1.default.createElement(material_1.Grid, { item: true, xs: 12, sm: 12, md: 3, key: index, className: classes.prizeItem },
|
|
68
|
+
react_1.default.createElement(Widget_1.default, null,
|
|
69
|
+
react_1.default.createElement(material_1.CardMedia, null,
|
|
70
|
+
react_1.default.createElement(material_1.Skeleton, { animation: "wave", variant: "rectangular", width: "100%", height: 137 })),
|
|
71
|
+
react_1.default.createElement(material_1.CardContent, null,
|
|
72
|
+
react_1.default.createElement(material_1.Typography, { className: classes.content },
|
|
73
|
+
react_1.default.createElement(material_1.Skeleton, { animation: "wave", variant: "circular", width: 60, height: 30, className: classes.sectionTitle }),
|
|
74
|
+
react_1.default.createElement(material_1.Skeleton, { animation: "wave", height: 20, width: "80%", variant: "text" }),
|
|
75
|
+
react_1.default.createElement(material_1.Skeleton, { animation: "wave", height: 10, width: "70%", variant: "text" }),
|
|
76
|
+
react_1.default.createElement(material_1.Skeleton, { animation: "wave", height: 10, width: "70%", variant: "text" }),
|
|
77
|
+
react_1.default.createElement(material_1.Skeleton, { animation: "wave", height: 10, width: "70%", variant: "text" }),
|
|
78
|
+
react_1.default.createElement(material_1.Skeleton, { animation: "wave", height: 10, width: "70%", variant: "text" }))),
|
|
79
|
+
react_1.default.createElement(material_1.CardActions, { className: classes.actions },
|
|
80
|
+
react_1.default.createElement(material_1.Button, { disabled: true, variant: 'outlined', size: 'small' },
|
|
81
|
+
react_1.default.createElement(material_1.Skeleton, { animation: "wave", height: 10, width: 50, variant: "text" })),
|
|
82
|
+
react_1.default.createElement(material_1.Button, { disabled: true, variant: 'text', size: 'small' },
|
|
83
|
+
react_1.default.createElement(material_1.Skeleton, { animation: "wave", height: 20, width: 70, variant: "text" }))))))))));
|
|
130
84
|
}
|
|
131
85
|
exports.default = LoyaltyProgramDetailSkeleton;
|
|
132
86
|
//# sourceMappingURL=Skeleton.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Skeleton.js","sourceRoot":"","sources":["../../../../src/components/LoyaltyProgramDetail/Skeleton.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Skeleton.js","sourceRoot":"","sources":["../../../../src/components/LoyaltyProgramDetail/Skeleton.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,28 +1,3 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* > API documentation for the Community-JS Loyalty Program Detail Skeleton Prize component. Learn about the available props and the CSS API.
|
|
3
|
-
|
|
4
|
-
#### Import
|
|
5
|
-
|
|
6
|
-
```jsx
|
|
7
|
-
import {LoyaltyProgramDetailSkeletonPrize} from '@selfcommunity/react-ui';
|
|
8
|
-
```
|
|
9
|
-
|
|
10
|
-
#### Component Name
|
|
11
|
-
|
|
12
|
-
The name `SCLoyaltyProgramDetailSkeletonPrize` can be used when providing style overrides in the theme.
|
|
13
|
-
|
|
14
|
-
#### CSS
|
|
15
|
-
|
|
16
|
-
|Rule Name|Global class|Description|
|
|
17
|
-
|---|---|---|
|
|
18
|
-
|root|.SCLoyaltyProgramDetailSkeletonPrize-root|Styles applied to the root element.|
|
|
19
|
-
|chip|.SCLoyaltyProgramDetailSkeletonPrize-chip|Styles applied to the chip element.|
|
|
20
|
-
|content|.SCLoyaltyProgramDetailSkeletonPrize-content|Styles applied to the card content section.|
|
|
21
|
-
|title|.SCLoyaltyProgramDetailSkeletonPrize-title|Styles applied to the title element.|
|
|
22
|
-
|actions|.SCLoyaltyProgramDetailSkeletonPrize-actions|Styles applied to the action section.|
|
|
23
|
-
*
|
|
24
|
-
*/
|
|
25
|
-
export declare function PrizeSkeleton(): JSX.Element;
|
|
26
1
|
/**
|
|
27
2
|
* > API documentation for the Community-JS Loyalty Program Detail Skeleton component. Learn about the available props and the CSS API.
|
|
28
3
|
|
|
@@ -41,7 +16,6 @@ export declare function PrizeSkeleton(): JSX.Element;
|
|
|
41
16
|
|Rule Name|Global class|Description|
|
|
42
17
|
|---|---|---|
|
|
43
18
|
|root|.SCLoyaltyProgramDetailSkeleton-root|Styles applied to the root element.|
|
|
44
|
-
|header|.SCLoyaltyProgramDetailSkeleton-header|Styles applied to the card header element.|
|
|
45
19
|
|content|.SCLoyaltyProgramDetailSkeleton-content|Styles applied to the card content section.|
|
|
46
20
|
|list|.SCLoyaltyProgramDetailSkeleton-list|Styles applied to the list section.|
|
|
47
21
|
|listItem|.SCLoyaltyProgramDetailSkeleton-list-item|Styles applied to the list item elements.|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../../../src/components/LoyaltyProgramDetail/Skeleton.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../../../src/components/LoyaltyProgramDetail/Skeleton.tsx"],"names":[],"mappings":"AA2BA;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,MAAM,CAAC,OAAO,UAAU,4BAA4B,IAAI,GAAG,CAAC,OAAO,CAyDlE"}
|
|
@@ -1,83 +1,25 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { styled } from '@mui/material/styles';
|
|
3
|
-
import { Typography, CardContent,
|
|
3
|
+
import { Typography, CardContent, Grid, Skeleton, Box, CardActions, useTheme, useMediaQuery, CardMedia, Button } from '@mui/material';
|
|
4
4
|
import Widget from '../Widget';
|
|
5
5
|
const PREFIX = 'SCLoyaltyProgramDetailSkeleton';
|
|
6
6
|
const classes = {
|
|
7
7
|
root: `${PREFIX}-root`,
|
|
8
|
-
header: `${PREFIX}-header`,
|
|
9
8
|
title: `${PREFIX}-title`,
|
|
9
|
+
sectionTitle: `${PREFIX}-section-title`,
|
|
10
|
+
subTitle: `${PREFIX}-sub-title`,
|
|
10
11
|
content: `${PREFIX}-content`,
|
|
11
12
|
actions: `${PREFIX}-actions`,
|
|
12
|
-
|
|
13
|
-
|
|
13
|
+
prizeSection: `${PREFIX}-prize-section`,
|
|
14
|
+
prizeItem: `${PREFIX}-prize-item`,
|
|
15
|
+
pointsList: `${PREFIX}-points-list`,
|
|
14
16
|
chip: `${PREFIX}-chip`
|
|
15
17
|
};
|
|
16
|
-
const Root = styled(
|
|
18
|
+
const Root = styled(Box, {
|
|
17
19
|
name: PREFIX,
|
|
18
20
|
slot: 'Root',
|
|
19
21
|
overridesResolver: (props, styles) => styles.root
|
|
20
|
-
})(({ theme }) => ({
|
|
21
|
-
[`& .${classes.list}`]: {
|
|
22
|
-
display: 'flex',
|
|
23
|
-
flexDirection: 'row'
|
|
24
|
-
}
|
|
25
|
-
}));
|
|
26
|
-
const PrizeRoot = styled(Widget, {
|
|
27
|
-
name: `${PREFIX}-Prize`,
|
|
28
|
-
slot: 'Root',
|
|
29
|
-
overridesResolver: (props, styles) => styles.root
|
|
30
|
-
})(({ theme }) => ({
|
|
31
|
-
[`& .${classes.root}`]: {
|
|
32
|
-
flexDirection: 'column',
|
|
33
|
-
justifyContent: 'space-between'
|
|
34
|
-
},
|
|
35
|
-
[`& .${classes.chip}`]: {
|
|
36
|
-
display: 'flex',
|
|
37
|
-
alignItems: 'center',
|
|
38
|
-
justifyContent: 'center'
|
|
39
|
-
},
|
|
40
|
-
[`& .${classes.actions}`]: {
|
|
41
|
-
justifyContent: 'center'
|
|
42
|
-
}
|
|
43
|
-
}));
|
|
44
|
-
/**
|
|
45
|
-
* > API documentation for the Community-JS Loyalty Program Detail Skeleton Prize component. Learn about the available props and the CSS API.
|
|
46
|
-
|
|
47
|
-
#### Import
|
|
48
|
-
|
|
49
|
-
```jsx
|
|
50
|
-
import {LoyaltyProgramDetailSkeletonPrize} from '@selfcommunity/react-ui';
|
|
51
|
-
```
|
|
52
|
-
|
|
53
|
-
#### Component Name
|
|
54
|
-
|
|
55
|
-
The name `SCLoyaltyProgramDetailSkeletonPrize` can be used when providing style overrides in the theme.
|
|
56
|
-
|
|
57
|
-
#### CSS
|
|
58
|
-
|
|
59
|
-
|Rule Name|Global class|Description|
|
|
60
|
-
|---|---|---|
|
|
61
|
-
|root|.SCLoyaltyProgramDetailSkeletonPrize-root|Styles applied to the root element.|
|
|
62
|
-
|chip|.SCLoyaltyProgramDetailSkeletonPrize-chip|Styles applied to the chip element.|
|
|
63
|
-
|content|.SCLoyaltyProgramDetailSkeletonPrize-content|Styles applied to the card content section.|
|
|
64
|
-
|title|.SCLoyaltyProgramDetailSkeletonPrize-title|Styles applied to the title element.|
|
|
65
|
-
|actions|.SCLoyaltyProgramDetailSkeletonPrize-actions|Styles applied to the action section.|
|
|
66
|
-
*
|
|
67
|
-
*/
|
|
68
|
-
export function PrizeSkeleton() {
|
|
69
|
-
return (React.createElement(PrizeRoot, { className: classes.root },
|
|
70
|
-
React.createElement(Skeleton, { animation: "wave", variant: "rectangular", width: "100%", height: 40 }),
|
|
71
|
-
React.createElement(Box, { className: classes.chip },
|
|
72
|
-
React.createElement(Skeleton, { animation: "wave", variant: "circular", width: 30, height: 15 })),
|
|
73
|
-
React.createElement(CardContent, { className: classes.content },
|
|
74
|
-
React.createElement(Typography, { gutterBottom: true, variant: "body1", component: "div", className: classes.title },
|
|
75
|
-
React.createElement(Skeleton, { animation: "wave", height: 15, width: "70%", variant: "text" })),
|
|
76
|
-
React.createElement(Typography, { variant: "body2" },
|
|
77
|
-
React.createElement(Skeleton, { animation: "wave", height: 10, width: "100%", variant: "text" }))),
|
|
78
|
-
React.createElement(CardActions, { className: classes.actions },
|
|
79
|
-
React.createElement(Skeleton, { animation: "wave", height: 20, width: 50, variant: "rectangular" }))));
|
|
80
|
-
}
|
|
22
|
+
})(({ theme }) => ({}));
|
|
81
23
|
/**
|
|
82
24
|
* > API documentation for the Community-JS Loyalty Program Detail Skeleton component. Learn about the available props and the CSS API.
|
|
83
25
|
|
|
@@ -96,29 +38,43 @@ export function PrizeSkeleton() {
|
|
|
96
38
|
|Rule Name|Global class|Description|
|
|
97
39
|
|---|---|---|
|
|
98
40
|
|root|.SCLoyaltyProgramDetailSkeleton-root|Styles applied to the root element.|
|
|
99
|
-
|header|.SCLoyaltyProgramDetailSkeleton-header|Styles applied to the card header element.|
|
|
100
41
|
|content|.SCLoyaltyProgramDetailSkeleton-content|Styles applied to the card content section.|
|
|
101
42
|
|list|.SCLoyaltyProgramDetailSkeleton-list|Styles applied to the list section.|
|
|
102
43
|
|listItem|.SCLoyaltyProgramDetailSkeleton-list-item|Styles applied to the list item elements.|
|
|
103
44
|
*
|
|
104
45
|
*/
|
|
105
46
|
export default function LoyaltyProgramDetailSkeleton() {
|
|
47
|
+
const theme = useTheme();
|
|
48
|
+
const isMobile = useMediaQuery(theme.breakpoints.down('md'));
|
|
106
49
|
return (React.createElement(Root, { className: classes.root },
|
|
107
|
-
React.createElement(
|
|
108
|
-
|
|
109
|
-
React.createElement(
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
React.createElement(
|
|
113
|
-
|
|
114
|
-
React.createElement(
|
|
115
|
-
|
|
116
|
-
React.createElement(
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
React.createElement(
|
|
121
|
-
React.createElement(
|
|
122
|
-
React.createElement(
|
|
50
|
+
React.createElement(Typography, { className: classes.title, component: 'div' },
|
|
51
|
+
!isMobile && React.createElement(Skeleton, { animation: "wave", height: 30, width: 140, variant: "text" }),
|
|
52
|
+
React.createElement(Skeleton, { animation: "wave", variant: "circular", width: 172, height: 30, className: classes.chip })),
|
|
53
|
+
React.createElement(Typography, { className: classes.sectionTitle },
|
|
54
|
+
React.createElement(Skeleton, { animation: "wave", height: 20, width: '50%', variant: "text" }),
|
|
55
|
+
React.createElement(Skeleton, { animation: "wave", height: 17, width: '80%', variant: "text", className: classes.subTitle })),
|
|
56
|
+
React.createElement(Typography, { className: classes.sectionTitle },
|
|
57
|
+
React.createElement(Skeleton, { animation: "wave", height: 20, width: 146 })),
|
|
58
|
+
React.createElement(Grid, { container: true, spacing: 2, className: classes.pointsList }, [...Array(8)].map((prize, index) => (React.createElement(Grid, { item: true, xs: 12, sm: 12, md: 6, key: index },
|
|
59
|
+
React.createElement(Skeleton, { animation: "wave", height: 15, width: "100%" }))))),
|
|
60
|
+
React.createElement(Typography, { className: classes.sectionTitle },
|
|
61
|
+
React.createElement(Skeleton, { animation: "wave", height: 20, width: 140, variant: "text" })),
|
|
62
|
+
React.createElement(Grid, { container: true, spacing: isMobile ? 3 : 6, className: classes.prizeSection }, [...Array(6)].map((prize, index) => (React.createElement(Grid, { item: true, xs: 12, sm: 12, md: 3, key: index, className: classes.prizeItem },
|
|
63
|
+
React.createElement(Widget, null,
|
|
64
|
+
React.createElement(CardMedia, null,
|
|
65
|
+
React.createElement(Skeleton, { animation: "wave", variant: "rectangular", width: "100%", height: 137 })),
|
|
66
|
+
React.createElement(CardContent, null,
|
|
67
|
+
React.createElement(Typography, { className: classes.content },
|
|
68
|
+
React.createElement(Skeleton, { animation: "wave", variant: "circular", width: 60, height: 30, className: classes.sectionTitle }),
|
|
69
|
+
React.createElement(Skeleton, { animation: "wave", height: 20, width: "80%", variant: "text" }),
|
|
70
|
+
React.createElement(Skeleton, { animation: "wave", height: 10, width: "70%", variant: "text" }),
|
|
71
|
+
React.createElement(Skeleton, { animation: "wave", height: 10, width: "70%", variant: "text" }),
|
|
72
|
+
React.createElement(Skeleton, { animation: "wave", height: 10, width: "70%", variant: "text" }),
|
|
73
|
+
React.createElement(Skeleton, { animation: "wave", height: 10, width: "70%", variant: "text" }))),
|
|
74
|
+
React.createElement(CardActions, { className: classes.actions },
|
|
75
|
+
React.createElement(Button, { disabled: true, variant: 'outlined', size: 'small' },
|
|
76
|
+
React.createElement(Skeleton, { animation: "wave", height: 10, width: 50, variant: "text" })),
|
|
77
|
+
React.createElement(Button, { disabled: true, variant: 'text', size: 'small' },
|
|
78
|
+
React.createElement(Skeleton, { animation: "wave", height: 20, width: 70, variant: "text" }))))))))));
|
|
123
79
|
}
|
|
124
80
|
//# sourceMappingURL=Skeleton.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Skeleton.js","sourceRoot":"","sources":["../../../../src/components/LoyaltyProgramDetail/Skeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,MAAM,EAAC,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAC,UAAU,EAAE,WAAW,EAAE,
|
|
1
|
+
{"version":3,"file":"Skeleton.js","sourceRoot":"","sources":["../../../../src/components/LoyaltyProgramDetail/Skeleton.tsx"],"names":[],"mappings":"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"}
|