@selfcommunity/react-ui 0.7.0-alpha.346 → 0.7.0-alpha.348

package/lib/esm/components/CategoriesPopularWidget/Skeleton.js

@@ -1,17 +1,14 @@
 import React from 'react';
 import CategoriesSuggestionWidgetSkeleton from '../CategoriesSuggestionWidget/Skeleton';
 import { styled } from '@mui/material/styles';
-const PREFIX = 'SCCategoriesPopularWidgetSkeleton';
+import { PREFIX } from './constants';
 const classes = {
-    root: `${PREFIX}-root`
+    root: `${PREFIX}-skeleton-root`
 };
 const Root = styled(CategoriesSuggestionWidgetSkeleton, {
     name: PREFIX,
-    slot: 'Root',
-    overridesResolver: (props, styles) => styles.root
-})(({ theme }) => ({
-    marginBottom: theme.spacing(2)
-}));
+    slot: 'SkeletonRoot'
+})(() => ({}));
 /**
  * > API documentation for the Community-JS Categories Popular Skeleton component. Learn about the available props and the CSS API.
 
@@ -23,13 +20,13 @@ const Root = styled(CategoriesSuggestionWidgetSkeleton, {
 
  #### Component Name
 
- The name `SCCategoriesPopularSkeleton` can be used when providing style overrides in the theme.
+ The name `SCCategoriesPopularWidget-skeleton-root` can be used when providing style overrides in the theme.
 
  #### CSS
 
  |Rule Name|Global class|Description|
  |---|---|---|
- |root|.SCCategoriesPopularSkeleton-root|Styles applied to the root element.|
+ |root|.SCCategoriesPopularWidget-skeleton-root|Styles applied to the root element.|
  *
  */
 export default function CategoriesPopularSkeleton(props) {

package/lib/esm/components/CategoriesPopularWidget/constants.d.ts

@@ -0,0 +1 @@
+export declare const PREFIX = "SCCategoriesPopularWidget";

package/lib/esm/components/CategoriesPopularWidget/constants.js

@@ -0,0 +1 @@
+export const PREFIX = 'SCCategoriesPopularWidget';

package/lib/esm/components/CategoriesSuggestionWidget/CategoriesSuggestionWidget.js

@@ -16,7 +16,7 @@ import { actionWidgetTypes, dataWidgetReducer, stateWidgetInitializer } from '..
 import BaseDialog from '../../shared/BaseDialog';
 import { SCOPE_SC_UI } from '../../constants/Errors';
 import InfiniteScroll from '../../shared/InfiniteScroll';
-const PREFIX = 'SCCategoriesSuggestionWidget';
+import { PREFIX } from './constants';
 const classes = {
     root: `${PREFIX}-root`,
     title: `${PREFIX}-title`,
@@ -27,13 +27,11 @@ const classes = {
 };
 const Root = styled(Widget, {
     name: PREFIX,
-    slot: 'Root',
-    overridesResolver: (props, styles) => styles.root
-})(({ theme }) => ({}));
+    slot: 'Root'
+})(() => ({}));
 const DialogRoot = styled(BaseDialog, {
     name: PREFIX,
-    slot: 'Root',
-    overridesResolver: (props, styles) => styles.dialogRoot
+    slot: 'DialogRoot'
 })(() => ({}));
 /**
  * > API documentation for the Community-JS Categories Suggestion component. Learn about the available props and the CSS API.

package/lib/esm/components/CategoriesSuggestionWidget/Skeleton.d.ts

@@ -9,14 +9,14 @@
 
  #### Component Name
 
- The name `SCCategoriesSuggestionWidgetSkeleton` can be used when providing style overrides in the theme.
+ The name `SCCategoriesSuggestionWidget-skeleton-root` can be used when providing style overrides in the theme.
 
  #### CSS
 
  |Rule Name|Global class|Description|
  |---|---|---|
- |root|.SCCategoriesSuggestionWidgetSkeleton-root|Styles applied to the root element.|
- |list|.SCCategoriesSuggestionWidgetSkeleton-list|Styles applied to the list element.|
+ |root|.SCCategoriesSuggestionWidget-skeleton-root|Styles applied to the root element.|
+ |list|.SCCategoriesSuggestionWidget-list|Styles applied to the list element.|
  *
  */
 export default function CategoriesSuggestionWidgetSkeleton(props: any): JSX.Element;

package/lib/esm/components/CategoriesSuggestionWidget/Skeleton.js

@@ -4,18 +4,15 @@ import { styled } from '@mui/material/styles';
 import CategorySkeleton from '../Category/Skeleton';
 import Widget from '../Widget';
 import { CardContent, ListItem } from '@mui/material';
-const PREFIX = 'SCCategoriesSuggestionWidgetSkeleton';
+import { PREFIX } from './constants';
 const classes = {
-    root: `${PREFIX}-root`,
+    root: `${PREFIX}-skeleton-root`,
     list: `${PREFIX}-list`
 };
 const Root = styled(Widget, {
     name: PREFIX,
-    slot: 'Root',
-    overridesResolver: (props, styles) => styles.root
-})(({ theme }) => ({
-    marginBottom: theme.spacing(2)
-}));
+    slot: 'SkeletonRoot'
+})(() => ({}));
 /**
  * > API documentation for the Community-JS Categories Suggestion Widget Skeleton component. Learn about the available props and the CSS API.
 
@@ -27,14 +24,14 @@ const Root = styled(Widget, {
 
  #### Component Name
 
- The name `SCCategoriesSuggestionWidgetSkeleton` can be used when providing style overrides in the theme.
+ The name `SCCategoriesSuggestionWidget-skeleton-root` can be used when providing style overrides in the theme.
 
  #### CSS
 
  |Rule Name|Global class|Description|
  |---|---|---|
- |root|.SCCategoriesSuggestionWidgetSkeleton-root|Styles applied to the root element.|
- |list|.SCCategoriesSuggestionWidgetSkeleton-list|Styles applied to the list element.|
+ |root|.SCCategoriesSuggestionWidget-skeleton-root|Styles applied to the root element.|
+ |list|.SCCategoriesSuggestionWidget-list|Styles applied to the list element.|
  *
  */
 export default function CategoriesSuggestionWidgetSkeleton(props) {

package/lib/esm/components/CategoriesSuggestionWidget/constants.d.ts

@@ -0,0 +1 @@
+export declare const PREFIX = "SCCategoriesSuggestionWidget";

package/lib/esm/components/CategoriesSuggestionWidget/constants.js

@@ -0,0 +1 @@
+export const PREFIX = 'SCCategoriesSuggestionWidget';

package/lib/esm/components/Category/Category.js

@@ -9,13 +9,13 @@ import { defineMessages, useIntl } from 'react-intl';
 import classNames from 'classnames';
 import { useThemeProps } from '@mui/system';
 import BaseItemButton from '../../shared/BaseItemButton';
+import { PREFIX } from './constants';
 const messages = defineMessages({
     categoryFollowers: {
         id: 'ui.category.categoryFollowers',
         defaultMessage: 'ui.category.categoryFollowers'
     }
 });
-const PREFIX = 'SCCategory';
 const classes = {
     root: `${PREFIX}-root`,
     categoryImage: `${PREFIX}-category-image`,
@@ -24,9 +24,8 @@ const classes = {
 };
 const Root = styled(BaseItemButton, {
     name: PREFIX,
-    slot: 'Root',
-    overridesResolver: (props, styles) => styles.root
-})(({ theme }) => ({}));
+    slot: 'Root'
+})(() => ({}));
 /**
  * > API documentation for the Community-JS Category component. Learn about the available props and the CSS API.
  *

package/lib/esm/components/Category/Skeleton.d.ts

@@ -9,13 +9,13 @@
 
  #### Component Name
 
- The name `SCCategorySkeleton` can be used when providing style overrides in the theme.
+ The name `SCCategory-skeleton-root` can be used when providing style overrides in the theme.
 
  #### CSS
 
  |Rule Name|Global class|Description|
  |---|---|---|
- |root|.SCCategorySkeleton-root|Styles applied to the root element.|
+ |root|.SCCategory-skeleton-root|Styles applied to the root element.|
  *
  */
 export default function CategorySkeleton(props: any): JSX.Element;

package/lib/esm/components/Category/Skeleton.js

@@ -3,9 +3,9 @@ import { styled } from '@mui/material/styles';
 import Skeleton from '@mui/material/Skeleton';
 import { Button, useTheme } from '@mui/material';
 import BaseItem from '../../shared/BaseItem';
-const PREFIX = 'SCCategorySkeleton';
+import { PREFIX } from './constants';
 const classes = {
-    root: `${PREFIX}-root`,
+    root: `${PREFIX}-skeleton-root`,
     image: `${PREFIX}-image`,
     primary: `${PREFIX}-primary`,
     secondary: `${PREFIX}-secondary`,
@@ -14,9 +14,8 @@ const classes = {
 };
 const Root = styled(BaseItem, {
     name: PREFIX,
-    slot: 'Root',
-    overridesResolver: (props, styles) => styles.root
-})(({ theme }) => ({}));
+    slot: 'SkeletonRoot'
+})(() => ({}));
 /**
  * > API documentation for the Community-JS Category Skeleton component. Learn about the available props and the CSS API.
 
@@ -28,13 +27,13 @@ const Root = styled(BaseItem, {
 
  #### Component Name
 
- The name `SCCategorySkeleton` can be used when providing style overrides in the theme.
+ The name `SCCategory-skeleton-root` can be used when providing style overrides in the theme.
 
  #### CSS
 
  |Rule Name|Global class|Description|
  |---|---|---|
- |root|.SCCategorySkeleton-root|Styles applied to the root element.|
+ |root|.SCCategory-skeleton-root|Styles applied to the root element.|
  *
  */
 export default function CategorySkeleton(props) {

package/lib/esm/components/Category/constants.d.ts

@@ -0,0 +1 @@
+export declare const PREFIX = "SCCategory";

package/lib/esm/components/Category/constants.js

@@ -0,0 +1 @@
+export const PREFIX = 'SCCategory';

package/lib/esm/components/LoyaltyProgramWidget/LoyaltyProgramWidget.d.ts

@@ -1,9 +1,10 @@
-export interface LoyaltyProgramWidgetProps {
+import { WidgetProps } from '../Widget';
+export interface LoyaltyProgramWidgetProps extends WidgetProps {
     /**
-     * Overrides or extends the styles applied to the component.
+     * The user id
      * @default null
      */
-    className?: string;
+    userId?: number;
 }
 /**
  * > API documentation for the Community-JS Loyalty Program Widget component. Learn about the available props and the CSS API.

package/lib/esm/components/LoyaltyProgramWidget/LoyaltyProgramWidget.js

@@ -1,3 +1,4 @@
+import { __rest } from "tslib";
 import React, { useContext, useEffect, useMemo, useState } from 'react';
 import { styled } from '@mui/material/styles';
 import CardContent from '@mui/material/CardContent';
@@ -62,7 +63,7 @@ export default function LoyaltyProgramWidget(inProps) {
         name: PREFIX
     });
     // PROPS
-    const { className } = props;
+    const { className, userId = null } = props, rest = __rest(props, ["className", "userId"]);
     // CONTEXT
     const scUserContext = useContext(SCUserContext);
     const scPreferencesContext = useSCPreferences();
@@ -104,13 +105,13 @@ export default function LoyaltyProgramWidget(inProps) {
     /**
      * Rendering
      */
-    if (!loyaltyEnabled || !scUserContext.user) {
+    if (!loyaltyEnabled || !scUserContext.user || (userId && userId !== scUserContext.user.id)) {
         return React.createElement(HiddenPlaceholder, null);
     }
     if (loading) {
         return React.createElement(Skeleton, null);
     }
-    return (React.createElement(Root, Object.assign({}, props, { className: classNames(classes.root, className) }),
+    return (React.createElement(Root, Object.assign({ className: classNames(classes.root, className) }, rest),
         React.createElement(CardContent, null,
             React.createElement(Typography, { className: classes.title },
                 React.createElement(FormattedMessage, { id: "ui.loyaltyProgramWidget.title", defaultMessage: "ui.loyaltyProgramWidget.title" }))),