@selfcommunity/react-ui 1.2.0-alpha.6 → 1.2.0-alpha.8

package/lib/cjs/components/CourseFormDialog/CourseFormDialog.js

@@ -45,8 +45,9 @@ function CourseFormDialog(inProps) {
     });
     const { className, open = true, onClose, CourseFormComponentProps = {} } = props, rest = tslib_1.__rest(props, ["className", "open", "onClose", "CourseFormComponentProps"]);
     // STATE
-    const [step, setStep] = (0, react_1.useState)(Course_1.SCCourseFormStepType.GENERAL);
-    const [type, setType] = (0, react_1.useState)('');
+    // TODO - temporary hardcoded CUSTOMIZATION and 'self-paced' --> previous value: GENERAL and ''
+    const [step, setStep] = (0, react_1.useState)(Course_1.SCCourseFormStepType.CUSTOMIZATION);
+    const [type, setType] = (0, react_1.useState)('self-paced');
     //HANDLERS
     const handleStepTypeChange = (step, type) => {
         setStep(step);

package/lib/cjs/components/FeedObject/Actions/Share/Share.js

@@ -33,7 +33,8 @@ const classes = {
     divider: `${constants_1.PREFIX}-action-share-divider`,
     inline: `${constants_1.PREFIX}-action-share-inline`,
     button: `${constants_1.PREFIX}-action-share-button`,
-    viewAudienceButton: `${constants_1.PREFIX}-action-share-view-audience-button`
+    viewAudienceButton: `${constants_1.PREFIX}-action-share-view-audience-button`,
+    paperContrastColor: `${constants_1.PREFIX}-paper-contrast-color`
 };
 const Root = (0, material_1.styled)(material_1.Box, {
     name: constants_1.PREFIX,
@@ -181,7 +182,9 @@ function Share(props) {
                 audience = ((0, jsx_runtime_1.jsx)(material_1.Button, Object.assign({ variant: "text", size: "small", disabled: true, color: "inherit" }, { children: (0, jsx_runtime_1.jsx)(material_1.Skeleton, { animation: "wave", height: 18, width: 50 }) })));
             }
             else {
-                audience = ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(material_1.Button, Object.assign({ variant: "text", size: "small", onClick: handleToggleSharesDialog, disabled: sharesCount < 1, classes: { root: classes.viewAudienceButton } }, { children: `${intl.formatMessage(messages.shares, { total: sharesCount })}` })), openSharesDialog && sharesCount > 0 && ((0, jsx_runtime_1.jsx)(SharesDialog_1.default, { feedObject: obj, feedObjectType: obj.type, open: openSharesDialog, onClose: handleToggleSharesDialog }))] }));
+                audience = ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(material_1.Button, Object.assign({ variant: "text", size: "small", onClick: handleToggleSharesDialog, disabled: sharesCount < 1, classes: { root: classes.viewAudienceButton } }, { children: (0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ component: "span", sx: { '&': { all: 'unset' } }, className: classes.paperContrastColor }, { children: `${intl.formatMessage(messages.shares, {
+                                    total: sharesCount
+                                })}` })) })), openSharesDialog && sharesCount > 0 && ((0, jsx_runtime_1.jsx)(SharesDialog_1.default, { feedObject: obj, feedObjectType: obj.type, open: openSharesDialog, onClose: handleToggleSharesDialog }))] }));
             }
         }
         return audience;

package/lib/esm/components/CourseFormDialog/CourseFormDialog.js

@@ -43,8 +43,9 @@ export default function CourseFormDialog(inProps) {
     });
     const { className, open = true, onClose, CourseFormComponentProps = {} } = props, rest = __rest(props, ["className", "open", "onClose", "CourseFormComponentProps"]);
     // STATE
-    const [step, setStep] = useState(SCCourseFormStepType.GENERAL);
-    const [type, setType] = useState('');
+    // TODO - temporary hardcoded CUSTOMIZATION and 'self-paced' --> previous value: GENERAL and ''
+    const [step, setStep] = useState(SCCourseFormStepType.CUSTOMIZATION);
+    const [type, setType] = useState('self-paced');
     //HANDLERS
     const handleStepTypeChange = (step, type) => {
         setStep(step);

package/lib/esm/components/FeedObject/Actions/Share/Share.js

@@ -3,7 +3,7 @@ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-run
 import React, { useContext, useMemo, useState } from 'react';
 import { defineMessages, FormattedMessage, useIntl } from 'react-intl';
 import SharesDialog from './SharesDialog';
-import { Box, Button, Divider, ListItemText, Menu, SwipeableDrawer, Tooltip, useMediaQuery, useTheme, Icon, MenuItem, ListItemIcon, styled, Skeleton } from '@mui/material';
+import { Box, Button, Divider, ListItemText, Menu, SwipeableDrawer, Tooltip, useMediaQuery, useTheme, Icon, MenuItem, ListItemIcon, styled, Skeleton, Typography } from '@mui/material';
 import { MEDIA_EMBED_SC_SHARED_EVENT, MEDIA_TYPE_SHARE } from '../../../../constants/Media';
 import { SCOPE_SC_UI } from '../../../../constants/Errors';
 import classNames from 'classnames';
@@ -31,7 +31,8 @@ const classes = {
     divider: `${PREFIX}-action-share-divider`,
     inline: `${PREFIX}-action-share-inline`,
     button: `${PREFIX}-action-share-button`,
-    viewAudienceButton: `${PREFIX}-action-share-view-audience-button`
+    viewAudienceButton: `${PREFIX}-action-share-view-audience-button`,
+    paperContrastColor: `${PREFIX}-paper-contrast-color`
 };
 const Root = styled(Box, {
     name: PREFIX,
@@ -179,7 +180,9 @@ export default function Share(props) {
                 audience = (_jsx(Button, Object.assign({ variant: "text", size: "small", disabled: true, color: "inherit" }, { children: _jsx(Skeleton, { animation: "wave", height: 18, width: 50 }) })));
             }
             else {
-                audience = (_jsxs(_Fragment, { children: [_jsx(Button, Object.assign({ variant: "text", size: "small", onClick: handleToggleSharesDialog, disabled: sharesCount < 1, classes: { root: classes.viewAudienceButton } }, { children: `${intl.formatMessage(messages.shares, { total: sharesCount })}` })), openSharesDialog && sharesCount > 0 && (_jsx(SharesDialog, { feedObject: obj, feedObjectType: obj.type, open: openSharesDialog, onClose: handleToggleSharesDialog }))] }));
+                audience = (_jsxs(_Fragment, { children: [_jsx(Button, Object.assign({ variant: "text", size: "small", onClick: handleToggleSharesDialog, disabled: sharesCount < 1, classes: { root: classes.viewAudienceButton } }, { children: _jsx(Typography, Object.assign({ component: "span", sx: { '&': { all: 'unset' } }, className: classes.paperContrastColor }, { children: `${intl.formatMessage(messages.shares, {
+                                    total: sharesCount
+                                })}` })) })), openSharesDialog && sharesCount > 0 && (_jsx(SharesDialog, { feedObject: obj, feedObjectType: obj.type, open: openSharesDialog, onClose: handleToggleSharesDialog }))] }));
             }
         }
         return audience;