@selfcommunity/react-ui 0.7.0-alpha.50 → 0.7.0-alpha.52
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/Header/SearchBar.d.ts.map +1 -1
- package/lib/cjs/components/Header/SearchBar.js +16 -8
- package/lib/cjs/components/Header/SearchBar.js.map +1 -1
- package/lib/cjs/components/LoyaltyProgram/Skeleton.d.ts +4 -0
- package/lib/cjs/components/LoyaltyProgram/Skeleton.d.ts.map +1 -1
- package/lib/cjs/components/LoyaltyProgram/Skeleton.js +40 -5
- package/lib/cjs/components/LoyaltyProgram/Skeleton.js.map +1 -1
- package/lib/cjs/components/LoyaltyProgramDetail/Skeleton.d.ts +29 -0
- package/lib/cjs/components/LoyaltyProgramDetail/Skeleton.d.ts.map +1 -1
- package/lib/cjs/components/LoyaltyProgramDetail/Skeleton.js +95 -5
- package/lib/cjs/components/LoyaltyProgramDetail/Skeleton.js.map +1 -1
- package/lib/esm/components/Header/SearchBar.d.ts.map +1 -1
- package/lib/esm/components/Header/SearchBar.js +16 -8
- package/lib/esm/components/Header/SearchBar.js.map +1 -1
- package/lib/esm/components/LoyaltyProgram/Skeleton.d.ts +4 -0
- package/lib/esm/components/LoyaltyProgram/Skeleton.d.ts.map +1 -1
- package/lib/esm/components/LoyaltyProgram/Skeleton.js +40 -5
- package/lib/esm/components/LoyaltyProgram/Skeleton.js.map +1 -1
- package/lib/esm/components/LoyaltyProgramDetail/Skeleton.d.ts +29 -0
- package/lib/esm/components/LoyaltyProgramDetail/Skeleton.d.ts.map +1 -1
- package/lib/esm/components/LoyaltyProgramDetail/Skeleton.js +93 -5
- package/lib/esm/components/LoyaltyProgramDetail/Skeleton.js.map +1 -1
- package/lib/umd/react-ui.js +5 -5
- package/lib/umd/react-ui.js.LICENSE.txt +6 -0
- package/lib/umd/react-ui.js.map +1 -1
- package/package.json +4 -4
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SearchBar.d.ts","sourceRoot":"","sources":["../../../../src/components/Header/SearchBar.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"SearchBar.d.ts","sourceRoot":"","sources":["../../../../src/components/Header/SearchBar.tsx"],"names":[],"mappings":"AA+DA,MAAM,WAAW,oBAAoB;IACnC;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,KAAA,KAAK,IAAI,CAAC;IAE3B;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,OAAO,KAAA,KAAK,IAAI,CAAC;IAC5B;;OAEG;IACH,CAAC,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC;CAClB;AAED,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,OAAO,EAAE,oBAAoB,eAkJpE"}
|
|
@@ -45,6 +45,7 @@ const system_1 = require("@mui/system");
|
|
|
45
45
|
const react_intl_1 = require("react-intl");
|
|
46
46
|
const types_1 = require("@selfcommunity/types");
|
|
47
47
|
const api_services_1 = require("@selfcommunity/api-services");
|
|
48
|
+
const react_core_1 = require("@selfcommunity/react-core");
|
|
48
49
|
const messages = (0, react_intl_1.defineMessages)({
|
|
49
50
|
placeholder: {
|
|
50
51
|
id: 'ui.header.searchBar.search',
|
|
@@ -100,6 +101,9 @@ function HeaderSearchBar(inProps) {
|
|
|
100
101
|
name: PREFIX
|
|
101
102
|
});
|
|
102
103
|
const { className, onSearch, onClick } = props, rest = __rest(props, ["className", "onSearch", "onClick"]);
|
|
104
|
+
// CONTEXT
|
|
105
|
+
const scRoutingContext = (0, react_core_1.useSCRouting)();
|
|
106
|
+
// STATE
|
|
103
107
|
const [query, setQuery] = (0, react_1.useState)('');
|
|
104
108
|
const [clicked, setClicked] = (0, react_1.useState)(false);
|
|
105
109
|
const theme = (0, material_1.useTheme)();
|
|
@@ -113,14 +117,18 @@ function HeaderSearchBar(inProps) {
|
|
|
113
117
|
setQuery(value);
|
|
114
118
|
setIsSearching(true);
|
|
115
119
|
};
|
|
116
|
-
const handleSearch = (
|
|
117
|
-
var _a;
|
|
120
|
+
const handleSearch = (option) => {
|
|
118
121
|
setIsSearching(false);
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
122
|
+
if (typeof window !== 'undefined') {
|
|
123
|
+
switch (option.type) {
|
|
124
|
+
case types_1.SuggestionType.USER:
|
|
125
|
+
window.location.href = scRoutingContext.url(react_core_1.SCRoutes.USER_PROFILE_ROUTE_NAME, option[types_1.SuggestionType.USER]);
|
|
126
|
+
break;
|
|
127
|
+
case types_1.SuggestionType.CATEGORY:
|
|
128
|
+
window.location.href = scRoutingContext.url(react_core_1.SCRoutes.CATEGORY_ROUTE_NAME, option[types_1.SuggestionType.CATEGORY]);
|
|
129
|
+
break;
|
|
130
|
+
}
|
|
131
|
+
}
|
|
124
132
|
};
|
|
125
133
|
const handleFormSearch = (event) => {
|
|
126
134
|
setIsSearching(false);
|
|
@@ -152,7 +160,7 @@ function HeaderSearchBar(inProps) {
|
|
|
152
160
|
}, [query]);
|
|
153
161
|
const renderAutocomplete = () => {
|
|
154
162
|
return (react_1.default.createElement("form", { onSubmit: handleFormSearch },
|
|
155
|
-
react_1.default.createElement(material_1.Autocomplete, { autoComplete: true, className: classes.autocomplete, id: `${PREFIX}-autocomplete`, size: "small", inputValue: query, loading: isLoading, forcePopupIcon: false, clearOnEscape: true, clearOnBlur: true, open: query !== '' && isSearching, loadingText: react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.header.searchBar.loading", defaultMessage: "ui.header.searchBar.loading" }), noOptionsText: react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.header.searchBar.noOptions", defaultMessage: "ui.header.searchBar.noOptions" }), options: results, getOptionLabel: (option) => { var _a; return (_a = option[option.type]['username']) !== null && _a !== void 0 ? _a : option[option.type]['name']; },
|
|
163
|
+
react_1.default.createElement(material_1.Autocomplete, { autoComplete: true, className: classes.autocomplete, id: `${PREFIX}-autocomplete`, size: "small", inputValue: query, loading: isLoading, forcePopupIcon: false, clearOnEscape: true, clearOnBlur: true, open: query !== '' && isSearching, loadingText: react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.header.searchBar.loading", defaultMessage: "ui.header.searchBar.loading" }), noOptionsText: react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.header.searchBar.noOptions", defaultMessage: "ui.header.searchBar.noOptions" }), options: results, getOptionLabel: (option) => { var _a; return (_a = option[option.type]['username']) !== null && _a !== void 0 ? _a : option[option.type]['name']; }, onInputChange: handleChange, renderOption: (props, option) => (react_1.default.createElement(material_1.Box, Object.assign({ component: "li" }, props, { onClick: () => handleSearch(option) }), option.type === types_1.SuggestionType.USER ? (react_1.default.createElement(react_1.default.Fragment, null,
|
|
156
164
|
react_1.default.createElement(material_1.Avatar, { alt: option[types_1.SuggestionType.USER]['username'], src: option[types_1.SuggestionType.USER]['avatar'] }),
|
|
157
165
|
react_1.default.createElement(material_1.Typography, { ml: 1 }, option[types_1.SuggestionType.USER]['username']))) : (react_1.default.createElement(react_1.default.Fragment, null,
|
|
158
166
|
react_1.default.createElement(material_1.Avatar, { alt: option[types_1.SuggestionType.CATEGORY]['name'], src: option[types_1.SuggestionType.CATEGORY]['image_small'], variant: "square" }),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SearchBar.js","sourceRoot":"","sources":["../../../../src/components/Header/SearchBar.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,
|
|
1
|
+
{"version":3,"file":"SearchBar.js","sourceRoot":"","sources":["../../../../src/components/Header/SearchBar.tsx"],"names":[],"mappings":"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"}
|
|
@@ -16,6 +16,10 @@
|
|
|
16
16
|
|Rule Name|Global class|Description|
|
|
17
17
|
|---|---|---|
|
|
18
18
|
|root|.SCLoyaltyProgramSkeleton-root|Styles applied to the root element.|
|
|
19
|
+
|header|.SCLoyaltyProgramSkeleton-header|Styles applied to the card header element.|
|
|
20
|
+
|title|.SCLoyaltyProgramSkeleton-title|Styles applied to the title element.|
|
|
21
|
+
|content|.SCLoyaltyProgramSkeleton-content|Styles applied to the card content section.|
|
|
22
|
+
|actions|.SCLoyaltyProgramSkeleton-actions|Styles applied to the action section.|
|
|
19
23
|
*
|
|
20
24
|
*/
|
|
21
25
|
export default function LoyaltyProgramSkeleton(): JSX.Element;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../../../src/components/LoyaltyProgram/Skeleton.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../../../src/components/LoyaltyProgram/Skeleton.tsx"],"names":[],"mappings":"AAiCA;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,MAAM,CAAC,OAAO,UAAU,sBAAsB,IAAI,GAAG,CAAC,OAAO,CAwB5D"}
|
|
@@ -4,17 +4,35 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
4
4
|
};
|
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
6
|
const react_1 = __importDefault(require("react"));
|
|
7
|
-
const Skeleton_1 = require("../Skeleton");
|
|
8
7
|
const styles_1 = require("@mui/material/styles");
|
|
8
|
+
const material_1 = require("@mui/material");
|
|
9
|
+
const Widget_1 = __importDefault(require("../Widget"));
|
|
9
10
|
const PREFIX = 'SCLoyaltyProgramSkeleton';
|
|
10
11
|
const classes = {
|
|
11
|
-
root: `${PREFIX}-root
|
|
12
|
+
root: `${PREFIX}-root`,
|
|
13
|
+
header: `${PREFIX}-header`,
|
|
14
|
+
title: `${PREFIX}-title`,
|
|
15
|
+
content: `${PREFIX}-content`,
|
|
16
|
+
actions: `${PREFIX}-actions`
|
|
12
17
|
};
|
|
13
|
-
const Root = (0, styles_1.styled)(
|
|
18
|
+
const Root = (0, styles_1.styled)(Widget_1.default, {
|
|
14
19
|
name: PREFIX,
|
|
15
20
|
slot: 'Root',
|
|
16
21
|
overridesResolver: (props, styles) => styles.root
|
|
17
|
-
})(({ theme }) => ({
|
|
22
|
+
})(({ theme }) => ({
|
|
23
|
+
[`& .${classes.header}`]: {
|
|
24
|
+
display: 'flex',
|
|
25
|
+
alignItems: 'start',
|
|
26
|
+
flexWrap: 'wrap',
|
|
27
|
+
marginTop: theme.spacing(2)
|
|
28
|
+
},
|
|
29
|
+
[`& .${classes.title}`]: {
|
|
30
|
+
display: 'flex'
|
|
31
|
+
},
|
|
32
|
+
[`& .${classes.actions}`]: {
|
|
33
|
+
justifyContent: 'space-between'
|
|
34
|
+
}
|
|
35
|
+
}));
|
|
18
36
|
/**
|
|
19
37
|
* > API documentation for the Community-JS Loyalty Program Skeleton component. Learn about the available props and the CSS API.
|
|
20
38
|
|
|
@@ -33,10 +51,27 @@ const Root = (0, styles_1.styled)(Skeleton_1.GenericSkeleton, {
|
|
|
33
51
|
|Rule Name|Global class|Description|
|
|
34
52
|
|---|---|---|
|
|
35
53
|
|root|.SCLoyaltyProgramSkeleton-root|Styles applied to the root element.|
|
|
54
|
+
|header|.SCLoyaltyProgramSkeleton-header|Styles applied to the card header element.|
|
|
55
|
+
|title|.SCLoyaltyProgramSkeleton-title|Styles applied to the title element.|
|
|
56
|
+
|content|.SCLoyaltyProgramSkeleton-content|Styles applied to the card content section.|
|
|
57
|
+
|actions|.SCLoyaltyProgramSkeleton-actions|Styles applied to the action section.|
|
|
36
58
|
*
|
|
37
59
|
*/
|
|
38
60
|
function LoyaltyProgramSkeleton() {
|
|
39
|
-
return react_1.default.createElement(Root, { className: classes.root }
|
|
61
|
+
return (react_1.default.createElement(Root, { className: classes.root },
|
|
62
|
+
react_1.default.createElement(material_1.CardContent, { className: classes.content },
|
|
63
|
+
react_1.default.createElement(material_1.Typography, { className: classes.title },
|
|
64
|
+
react_1.default.createElement(material_1.Skeleton, { animation: "wave", height: 40, width: "50%", variant: "text" })),
|
|
65
|
+
react_1.default.createElement(material_1.Grid, { container: true, spacing: 2, className: classes.header },
|
|
66
|
+
react_1.default.createElement(material_1.Grid, { item: true },
|
|
67
|
+
react_1.default.createElement(material_1.Skeleton, { animation: "wave", variant: "rectangular", width: 40, height: 40 })),
|
|
68
|
+
react_1.default.createElement(material_1.Grid, { item: true, xs: 12, sm: true, container: true },
|
|
69
|
+
react_1.default.createElement(material_1.Skeleton, { animation: "wave", height: 20, width: "50%", variant: "text" }),
|
|
70
|
+
react_1.default.createElement(material_1.Skeleton, { animation: "wave", height: 10, width: "100%", variant: "text" }),
|
|
71
|
+
react_1.default.createElement(material_1.Skeleton, { animation: "wave", height: 10, width: "70%", variant: "text" })))),
|
|
72
|
+
react_1.default.createElement(material_1.CardActions, { className: classes.actions },
|
|
73
|
+
react_1.default.createElement(material_1.Skeleton, { animation: "wave", height: 30, width: "30%", variant: "rectangular" }),
|
|
74
|
+
react_1.default.createElement(material_1.Skeleton, { animation: "wave", height: 20, width: "30%", variant: "rectangular" }))));
|
|
40
75
|
}
|
|
41
76
|
exports.default = LoyaltyProgramSkeleton;
|
|
42
77
|
//# sourceMappingURL=Skeleton.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Skeleton.js","sourceRoot":"","sources":["../../../../src/components/LoyaltyProgram/Skeleton.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAC1B,
|
|
1
|
+
{"version":3,"file":"Skeleton.js","sourceRoot":"","sources":["../../../../src/components/LoyaltyProgram/Skeleton.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAC1B,iDAA4C;AAC5C,4CAAmF;AACnF,uDAA+B;AAE/B,MAAM,MAAM,GAAG,0BAA0B,CAAC;AAE1C,MAAM,OAAO,GAAG;IACd,IAAI,EAAE,GAAG,MAAM,OAAO;IACtB,MAAM,EAAE,GAAG,MAAM,SAAS;IAC1B,KAAK,EAAE,GAAG,MAAM,QAAQ;IACxB,OAAO,EAAE,GAAG,MAAM,UAAU;IAC5B,OAAO,EAAE,GAAG,MAAM,UAAU;CAC7B,CAAC;AAEF,MAAM,IAAI,GAAG,IAAA,eAAM,EAAC,gBAAM,EAAE;IAC1B,IAAI,EAAE,MAAM;IACZ,IAAI,EAAE,MAAM;IACZ,iBAAiB,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI;CAClD,CAAC,CAAC,CAAC,EAAC,KAAK,EAAC,EAAE,EAAE,CAAC,CAAC;IACf,CAAC,MAAM,OAAO,CAAC,MAAM,EAAE,CAAC,EAAE;QACxB,OAAO,EAAE,MAAM;QACf,UAAU,EAAE,OAAO;QACnB,QAAQ,EAAE,MAAM;QAChB,SAAS,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;KAC5B;IACD,CAAC,MAAM,OAAO,CAAC,KAAK,EAAE,CAAC,EAAE;QACvB,OAAO,EAAE,MAAM;KAChB;IACD,CAAC,MAAM,OAAO,CAAC,OAAO,EAAE,CAAC,EAAE;QACzB,cAAc,EAAE,eAAe;KAChC;CACF,CAAC,CAAC,CAAC;AACJ;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,SAAwB,sBAAsB;IAC5C,OAAO,CACL,8BAAC,IAAI,IAAC,SAAS,EAAE,OAAO,CAAC,IAAI;QAC3B,8BAAC,sBAAW,IAAC,SAAS,EAAE,OAAO,CAAC,OAAO;YACrC,8BAAC,qBAAU,IAAC,SAAS,EAAE,OAAO,CAAC,KAAK;gBAClC,8BAAC,mBAAQ,IAAC,SAAS,EAAC,MAAM,EAAC,MAAM,EAAE,EAAE,EAAE,KAAK,EAAC,KAAK,EAAC,OAAO,EAAC,MAAM,GAAG,CACzD;YACb,8BAAC,eAAI,IAAC,SAAS,QAAC,OAAO,EAAE,CAAC,EAAE,SAAS,EAAE,OAAO,CAAC,MAAM;gBACnD,8BAAC,eAAI,IAAC,IAAI;oBACR,8BAAC,mBAAQ,IAAC,SAAS,EAAC,MAAM,EAAC,OAAO,EAAC,aAAa,EAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,GAAI,CACrE;gBACP,8BAAC,eAAI,IAAC,IAAI,QAAC,EAAE,EAAE,EAAE,EAAE,EAAE,QAAC,SAAS;oBAC7B,8BAAC,mBAAQ,IAAC,SAAS,EAAC,MAAM,EAAC,MAAM,EAAE,EAAE,EAAE,KAAK,EAAC,KAAK,EAAC,OAAO,EAAC,MAAM,GAAG;oBACpE,8BAAC,mBAAQ,IAAC,SAAS,EAAC,MAAM,EAAC,MAAM,EAAE,EAAE,EAAE,KAAK,EAAC,MAAM,EAAC,OAAO,EAAC,MAAM,GAAG;oBACrE,8BAAC,mBAAQ,IAAC,SAAS,EAAC,MAAM,EAAC,MAAM,EAAE,EAAE,EAAE,KAAK,EAAC,KAAK,EAAC,OAAO,EAAC,MAAM,GAAG,CAC/D,CACF,CACK;QACd,8BAAC,sBAAW,IAAC,SAAS,EAAE,OAAO,CAAC,OAAO;YACrC,8BAAC,mBAAQ,IAAC,SAAS,EAAC,MAAM,EAAC,MAAM,EAAE,EAAE,EAAE,KAAK,EAAC,KAAK,EAAC,OAAO,EAAC,aAAa,GAAG;YAC3E,8BAAC,mBAAQ,IAAC,SAAS,EAAC,MAAM,EAAC,MAAM,EAAE,EAAE,EAAE,KAAK,EAAC,KAAK,EAAC,OAAO,EAAC,aAAa,GAAG,CAC/D,CACT,CACR,CAAC;AACJ,CAAC;AAxBD,yCAwBC"}
|
|
@@ -1,3 +1,28 @@
|
|
|
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;
|
|
1
26
|
/**
|
|
2
27
|
* > API documentation for the Community-JS Loyalty Program Detail Skeleton component. Learn about the available props and the CSS API.
|
|
3
28
|
|
|
@@ -16,6 +41,10 @@
|
|
|
16
41
|
|Rule Name|Global class|Description|
|
|
17
42
|
|---|---|---|
|
|
18
43
|
|root|.SCLoyaltyProgramDetailSkeleton-root|Styles applied to the root element.|
|
|
44
|
+
|header|.SCLoyaltyProgramDetailSkeleton-header|Styles applied to the card header element.|
|
|
45
|
+
|content|.SCLoyaltyProgramDetailSkeleton-content|Styles applied to the card content section.|
|
|
46
|
+
|list|.SCLoyaltyProgramDetailSkeleton-list|Styles applied to the list section.|
|
|
47
|
+
|listItem|.SCLoyaltyProgramDetailSkeleton-list-item|Styles applied to the list item elements.|
|
|
19
48
|
*
|
|
20
49
|
*/
|
|
21
50
|
export default function LoyaltyProgramDetailSkeleton(): JSX.Element;
|
|
@@ -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":"AA8CA;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,wBAAgB,aAAa,IAAI,GAAG,CAAC,OAAO,CAoB3C;AAED;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,MAAM,CAAC,OAAO,UAAU,4BAA4B,IAAI,GAAG,CAAC,OAAO,CAwClE"}
|
|
@@ -3,18 +3,88 @@ 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;
|
|
6
7
|
const react_1 = __importDefault(require("react"));
|
|
7
|
-
const Skeleton_1 = require("../Skeleton");
|
|
8
8
|
const styles_1 = require("@mui/material/styles");
|
|
9
|
+
const material_1 = require("@mui/material");
|
|
10
|
+
const Widget_1 = __importDefault(require("../Widget"));
|
|
9
11
|
const PREFIX = 'SCLoyaltyProgramDetailSkeleton';
|
|
10
12
|
const classes = {
|
|
11
|
-
root: `${PREFIX}-root
|
|
13
|
+
root: `${PREFIX}-root`,
|
|
14
|
+
header: `${PREFIX}-header`,
|
|
15
|
+
title: `${PREFIX}-title`,
|
|
16
|
+
content: `${PREFIX}-content`,
|
|
17
|
+
actions: `${PREFIX}-actions`,
|
|
18
|
+
list: `${PREFIX}-list`,
|
|
19
|
+
listItem: `${PREFIX}-list-item`,
|
|
20
|
+
chip: `${PREFIX}-chip`
|
|
12
21
|
};
|
|
13
|
-
const Root = (0, styles_1.styled)(
|
|
22
|
+
const Root = (0, styles_1.styled)(Widget_1.default, {
|
|
14
23
|
name: PREFIX,
|
|
15
24
|
slot: 'Root',
|
|
16
25
|
overridesResolver: (props, styles) => styles.root
|
|
17
|
-
})(({ theme }) => ({
|
|
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;
|
|
18
88
|
/**
|
|
19
89
|
* > API documentation for the Community-JS Loyalty Program Detail Skeleton component. Learn about the available props and the CSS API.
|
|
20
90
|
|
|
@@ -33,10 +103,30 @@ const Root = (0, styles_1.styled)(Skeleton_1.GenericSkeleton, {
|
|
|
33
103
|
|Rule Name|Global class|Description|
|
|
34
104
|
|---|---|---|
|
|
35
105
|
|root|.SCLoyaltyProgramDetailSkeleton-root|Styles applied to the root element.|
|
|
106
|
+
|header|.SCLoyaltyProgramDetailSkeleton-header|Styles applied to the card header element.|
|
|
107
|
+
|content|.SCLoyaltyProgramDetailSkeleton-content|Styles applied to the card content section.|
|
|
108
|
+
|list|.SCLoyaltyProgramDetailSkeleton-list|Styles applied to the list section.|
|
|
109
|
+
|listItem|.SCLoyaltyProgramDetailSkeleton-list-item|Styles applied to the list item elements.|
|
|
36
110
|
*
|
|
37
111
|
*/
|
|
38
112
|
function LoyaltyProgramDetailSkeleton() {
|
|
39
|
-
return react_1.default.createElement(Root, { className: classes.root }
|
|
113
|
+
return (react_1.default.createElement(Root, { className: classes.root },
|
|
114
|
+
react_1.default.createElement(material_1.CardHeader, { className: classes.header, avatar: react_1.default.createElement(material_1.Skeleton, { animation: "wave", variant: "rectangular", width: 40, height: 40 }), title: react_1.default.createElement(material_1.Skeleton, { animation: "wave", variant: "circular", width: 30, height: 15 }) }),
|
|
115
|
+
react_1.default.createElement(material_1.CardContent, { className: classes.content },
|
|
116
|
+
react_1.default.createElement(react_1.default.Fragment, null,
|
|
117
|
+
react_1.default.createElement(material_1.Skeleton, { animation: "wave", height: 15, width: "70%", variant: "text" }),
|
|
118
|
+
react_1.default.createElement(material_1.Skeleton, { animation: "wave", height: 10, width: "90%", variant: "text" })),
|
|
119
|
+
react_1.default.createElement(material_1.Typography, { mt: 1, className: classes.title },
|
|
120
|
+
react_1.default.createElement(material_1.Skeleton, { animation: "wave", height: 10, width: "40%" })),
|
|
121
|
+
react_1.default.createElement(material_1.Grid, { container: true, spacing: 0, mt: 0.5, mb: 1, className: classes.list }, [...Array(8)].map((prize, index) => (react_1.default.createElement(material_1.Grid, { item: true, xs: 6, key: index, className: classes.listItem },
|
|
122
|
+
react_1.default.createElement(material_1.Skeleton, { animation: "wave", height: 10, width: "50%" }))))),
|
|
123
|
+
react_1.default.createElement(material_1.Typography, { mb: 1 },
|
|
124
|
+
react_1.default.createElement(material_1.Skeleton, { animation: "wave", height: 15, width: "60%", variant: "text", className: classes.title }),
|
|
125
|
+
react_1.default.createElement(material_1.Skeleton, { animation: "wave", height: 10, width: "80%", variant: "text" }),
|
|
126
|
+
react_1.default.createElement(material_1.Skeleton, { animation: "wave", height: 10, width: "100%", variant: "text" })),
|
|
127
|
+
react_1.default.createElement(material_1.Grid, { container: true, spacing: { xs: 2 }, columns: { xs: 4 }, className: classes.list }, [...Array(4)].map((prize, index) => (react_1.default.createElement(material_1.Grid, { item: true, xs: 2, key: index, className: classes.listItem },
|
|
128
|
+
react_1.default.createElement(PrizeRoot, null,
|
|
129
|
+
react_1.default.createElement(PrizeSkeleton, null)))))))));
|
|
40
130
|
}
|
|
41
131
|
exports.default = LoyaltyProgramDetailSkeleton;
|
|
42
132
|
//# 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 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SearchBar.d.ts","sourceRoot":"","sources":["../../../../src/components/Header/SearchBar.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"SearchBar.d.ts","sourceRoot":"","sources":["../../../../src/components/Header/SearchBar.tsx"],"names":[],"mappings":"AA+DA,MAAM,WAAW,oBAAoB;IACnC;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,KAAA,KAAK,IAAI,CAAC;IAE3B;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,OAAO,KAAA,KAAK,IAAI,CAAC;IAC5B;;OAEG;IACH,CAAC,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC;CAClB;AAED,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,OAAO,EAAE,oBAAoB,eAkJpE"}
|
|
@@ -17,6 +17,7 @@ import { useThemeProps } from '@mui/system';
|
|
|
17
17
|
import { defineMessages, FormattedMessage, useIntl } from 'react-intl';
|
|
18
18
|
import { SuggestionType } from '@selfcommunity/types';
|
|
19
19
|
import { SuggestionService } from '@selfcommunity/api-services';
|
|
20
|
+
import { SCRoutes, useSCRouting } from '@selfcommunity/react-core';
|
|
20
21
|
const messages = defineMessages({
|
|
21
22
|
placeholder: {
|
|
22
23
|
id: 'ui.header.searchBar.search',
|
|
@@ -72,6 +73,9 @@ export default function HeaderSearchBar(inProps) {
|
|
|
72
73
|
name: PREFIX
|
|
73
74
|
});
|
|
74
75
|
const { className, onSearch, onClick } = props, rest = __rest(props, ["className", "onSearch", "onClick"]);
|
|
76
|
+
// CONTEXT
|
|
77
|
+
const scRoutingContext = useSCRouting();
|
|
78
|
+
// STATE
|
|
75
79
|
const [query, setQuery] = useState('');
|
|
76
80
|
const [clicked, setClicked] = useState(false);
|
|
77
81
|
const theme = useTheme();
|
|
@@ -85,14 +89,18 @@ export default function HeaderSearchBar(inProps) {
|
|
|
85
89
|
setQuery(value);
|
|
86
90
|
setIsSearching(true);
|
|
87
91
|
};
|
|
88
|
-
const handleSearch = (
|
|
89
|
-
var _a;
|
|
92
|
+
const handleSearch = (option) => {
|
|
90
93
|
setIsSearching(false);
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
94
|
+
if (typeof window !== 'undefined') {
|
|
95
|
+
switch (option.type) {
|
|
96
|
+
case SuggestionType.USER:
|
|
97
|
+
window.location.href = scRoutingContext.url(SCRoutes.USER_PROFILE_ROUTE_NAME, option[SuggestionType.USER]);
|
|
98
|
+
break;
|
|
99
|
+
case SuggestionType.CATEGORY:
|
|
100
|
+
window.location.href = scRoutingContext.url(SCRoutes.CATEGORY_ROUTE_NAME, option[SuggestionType.CATEGORY]);
|
|
101
|
+
break;
|
|
102
|
+
}
|
|
103
|
+
}
|
|
96
104
|
};
|
|
97
105
|
const handleFormSearch = (event) => {
|
|
98
106
|
setIsSearching(false);
|
|
@@ -124,7 +132,7 @@ export default function HeaderSearchBar(inProps) {
|
|
|
124
132
|
}, [query]);
|
|
125
133
|
const renderAutocomplete = () => {
|
|
126
134
|
return (React.createElement("form", { onSubmit: handleFormSearch },
|
|
127
|
-
React.createElement(Autocomplete, { autoComplete: true, className: classes.autocomplete, id: `${PREFIX}-autocomplete`, size: "small", inputValue: query, loading: isLoading, forcePopupIcon: false, clearOnEscape: true, clearOnBlur: true, open: query !== '' && isSearching, loadingText: React.createElement(FormattedMessage, { id: "ui.header.searchBar.loading", defaultMessage: "ui.header.searchBar.loading" }), noOptionsText: React.createElement(FormattedMessage, { id: "ui.header.searchBar.noOptions", defaultMessage: "ui.header.searchBar.noOptions" }), options: results, getOptionLabel: (option) => { var _a; return (_a = option[option.type]['username']) !== null && _a !== void 0 ? _a : option[option.type]['name']; },
|
|
135
|
+
React.createElement(Autocomplete, { autoComplete: true, className: classes.autocomplete, id: `${PREFIX}-autocomplete`, size: "small", inputValue: query, loading: isLoading, forcePopupIcon: false, clearOnEscape: true, clearOnBlur: true, open: query !== '' && isSearching, loadingText: React.createElement(FormattedMessage, { id: "ui.header.searchBar.loading", defaultMessage: "ui.header.searchBar.loading" }), noOptionsText: React.createElement(FormattedMessage, { id: "ui.header.searchBar.noOptions", defaultMessage: "ui.header.searchBar.noOptions" }), options: results, getOptionLabel: (option) => { var _a; return (_a = option[option.type]['username']) !== null && _a !== void 0 ? _a : option[option.type]['name']; }, onInputChange: handleChange, renderOption: (props, option) => (React.createElement(Box, Object.assign({ component: "li" }, props, { onClick: () => handleSearch(option) }), option.type === SuggestionType.USER ? (React.createElement(React.Fragment, null,
|
|
128
136
|
React.createElement(Avatar, { alt: option[SuggestionType.USER]['username'], src: option[SuggestionType.USER]['avatar'] }),
|
|
129
137
|
React.createElement(Typography, { ml: 1 }, option[SuggestionType.USER]['username']))) : (React.createElement(React.Fragment, null,
|
|
130
138
|
React.createElement(Avatar, { alt: option[SuggestionType.CATEGORY]['name'], src: option[SuggestionType.CATEGORY]['image_small'], variant: "square" }),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SearchBar.js","sourceRoot":"","sources":["../../../../src/components/Header/SearchBar.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAC,GAAG,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,EAAE,UAAU,
|
|
1
|
+
{"version":3,"file":"SearchBar.js","sourceRoot":"","sources":["../../../../src/components/Header/SearchBar.tsx"],"names":[],"mappings":"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"}
|
|
@@ -16,6 +16,10 @@
|
|
|
16
16
|
|Rule Name|Global class|Description|
|
|
17
17
|
|---|---|---|
|
|
18
18
|
|root|.SCLoyaltyProgramSkeleton-root|Styles applied to the root element.|
|
|
19
|
+
|header|.SCLoyaltyProgramSkeleton-header|Styles applied to the card header element.|
|
|
20
|
+
|title|.SCLoyaltyProgramSkeleton-title|Styles applied to the title element.|
|
|
21
|
+
|content|.SCLoyaltyProgramSkeleton-content|Styles applied to the card content section.|
|
|
22
|
+
|actions|.SCLoyaltyProgramSkeleton-actions|Styles applied to the action section.|
|
|
19
23
|
*
|
|
20
24
|
*/
|
|
21
25
|
export default function LoyaltyProgramSkeleton(): JSX.Element;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../../../src/components/LoyaltyProgram/Skeleton.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../../../src/components/LoyaltyProgram/Skeleton.tsx"],"names":[],"mappings":"AAiCA;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,MAAM,CAAC,OAAO,UAAU,sBAAsB,IAAI,GAAG,CAAC,OAAO,CAwB5D"}
|
|
@@ -1,15 +1,33 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { GenericSkeleton } from '../Skeleton';
|
|
3
2
|
import { styled } from '@mui/material/styles';
|
|
3
|
+
import { CardActions, CardContent, Grid, Skeleton, Typography } from '@mui/material';
|
|
4
|
+
import Widget from '../Widget';
|
|
4
5
|
const PREFIX = 'SCLoyaltyProgramSkeleton';
|
|
5
6
|
const classes = {
|
|
6
|
-
root: `${PREFIX}-root
|
|
7
|
+
root: `${PREFIX}-root`,
|
|
8
|
+
header: `${PREFIX}-header`,
|
|
9
|
+
title: `${PREFIX}-title`,
|
|
10
|
+
content: `${PREFIX}-content`,
|
|
11
|
+
actions: `${PREFIX}-actions`
|
|
7
12
|
};
|
|
8
|
-
const Root = styled(
|
|
13
|
+
const Root = styled(Widget, {
|
|
9
14
|
name: PREFIX,
|
|
10
15
|
slot: 'Root',
|
|
11
16
|
overridesResolver: (props, styles) => styles.root
|
|
12
|
-
})(({ theme }) => ({
|
|
17
|
+
})(({ theme }) => ({
|
|
18
|
+
[`& .${classes.header}`]: {
|
|
19
|
+
display: 'flex',
|
|
20
|
+
alignItems: 'start',
|
|
21
|
+
flexWrap: 'wrap',
|
|
22
|
+
marginTop: theme.spacing(2)
|
|
23
|
+
},
|
|
24
|
+
[`& .${classes.title}`]: {
|
|
25
|
+
display: 'flex'
|
|
26
|
+
},
|
|
27
|
+
[`& .${classes.actions}`]: {
|
|
28
|
+
justifyContent: 'space-between'
|
|
29
|
+
}
|
|
30
|
+
}));
|
|
13
31
|
/**
|
|
14
32
|
* > API documentation for the Community-JS Loyalty Program Skeleton component. Learn about the available props and the CSS API.
|
|
15
33
|
|
|
@@ -28,9 +46,26 @@ const Root = styled(GenericSkeleton, {
|
|
|
28
46
|
|Rule Name|Global class|Description|
|
|
29
47
|
|---|---|---|
|
|
30
48
|
|root|.SCLoyaltyProgramSkeleton-root|Styles applied to the root element.|
|
|
49
|
+
|header|.SCLoyaltyProgramSkeleton-header|Styles applied to the card header element.|
|
|
50
|
+
|title|.SCLoyaltyProgramSkeleton-title|Styles applied to the title element.|
|
|
51
|
+
|content|.SCLoyaltyProgramSkeleton-content|Styles applied to the card content section.|
|
|
52
|
+
|actions|.SCLoyaltyProgramSkeleton-actions|Styles applied to the action section.|
|
|
31
53
|
*
|
|
32
54
|
*/
|
|
33
55
|
export default function LoyaltyProgramSkeleton() {
|
|
34
|
-
return React.createElement(Root, { className: classes.root }
|
|
56
|
+
return (React.createElement(Root, { className: classes.root },
|
|
57
|
+
React.createElement(CardContent, { className: classes.content },
|
|
58
|
+
React.createElement(Typography, { className: classes.title },
|
|
59
|
+
React.createElement(Skeleton, { animation: "wave", height: 40, width: "50%", variant: "text" })),
|
|
60
|
+
React.createElement(Grid, { container: true, spacing: 2, className: classes.header },
|
|
61
|
+
React.createElement(Grid, { item: true },
|
|
62
|
+
React.createElement(Skeleton, { animation: "wave", variant: "rectangular", width: 40, height: 40 })),
|
|
63
|
+
React.createElement(Grid, { item: true, xs: 12, sm: true, container: true },
|
|
64
|
+
React.createElement(Skeleton, { animation: "wave", height: 20, width: "50%", variant: "text" }),
|
|
65
|
+
React.createElement(Skeleton, { animation: "wave", height: 10, width: "100%", variant: "text" }),
|
|
66
|
+
React.createElement(Skeleton, { animation: "wave", height: 10, width: "70%", variant: "text" })))),
|
|
67
|
+
React.createElement(CardActions, { className: classes.actions },
|
|
68
|
+
React.createElement(Skeleton, { animation: "wave", height: 30, width: "30%", variant: "rectangular" }),
|
|
69
|
+
React.createElement(Skeleton, { animation: "wave", height: 20, width: "30%", variant: "rectangular" }))));
|
|
35
70
|
}
|
|
36
71
|
//# sourceMappingURL=Skeleton.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Skeleton.js","sourceRoot":"","sources":["../../../../src/components/LoyaltyProgram/Skeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,
|
|
1
|
+
{"version":3,"file":"Skeleton.js","sourceRoot":"","sources":["../../../../src/components/LoyaltyProgram/Skeleton.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,3 +1,28 @@
|
|
|
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;
|
|
1
26
|
/**
|
|
2
27
|
* > API documentation for the Community-JS Loyalty Program Detail Skeleton component. Learn about the available props and the CSS API.
|
|
3
28
|
|
|
@@ -16,6 +41,10 @@
|
|
|
16
41
|
|Rule Name|Global class|Description|
|
|
17
42
|
|---|---|---|
|
|
18
43
|
|root|.SCLoyaltyProgramDetailSkeleton-root|Styles applied to the root element.|
|
|
44
|
+
|header|.SCLoyaltyProgramDetailSkeleton-header|Styles applied to the card header element.|
|
|
45
|
+
|content|.SCLoyaltyProgramDetailSkeleton-content|Styles applied to the card content section.|
|
|
46
|
+
|list|.SCLoyaltyProgramDetailSkeleton-list|Styles applied to the list section.|
|
|
47
|
+
|listItem|.SCLoyaltyProgramDetailSkeleton-list-item|Styles applied to the list item elements.|
|
|
19
48
|
*
|
|
20
49
|
*/
|
|
21
50
|
export default function LoyaltyProgramDetailSkeleton(): JSX.Element;
|
|
@@ -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":"AA8CA;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,wBAAgB,aAAa,IAAI,GAAG,CAAC,OAAO,CAoB3C;AAED;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,MAAM,CAAC,OAAO,UAAU,4BAA4B,IAAI,GAAG,CAAC,OAAO,CAwClE"}
|