@learningpool/ui 1.19.2 → 1.19.4

package/components/stream/AppHub/AppHub.js

@@ -23,7 +23,7 @@ const AppHub = (props) => {
         ? { columns: { xs: 8 } }
         : { columns: { xs: 12 } };
     const renderRow = (rowData, rowIndex) => {
-        const { type, items, title, allowEditLinks, allowTitle } = rowData;
+        const { type, items, title, allowEditLinks } = rowData;
         switch (type) {
             case Constants.DataRowType.BannerAdvert: {
                 rowData.welcomeMessage = messages['stream-hub-welcome'];
@@ -38,7 +38,7 @@ const AppHub = (props) => {
                 return (renderBannerAdvertRow(rowData, rowIndex));
             }
             case Constants.DataRowType.Product: {
-                return (_jsxs(AppHubRow, { children: [(title && (!isAppSwitcher || allowTitle)) && _jsx(AppHubHeader, { component: isPageLayout ? 'h2' : 'div', children: title }), _jsx(Grid, { container: true, spacing: { xs: 2, md: 3 }, rowSpacing: { xs: 3, md: 4 }, columns: gridSpacing.columns, children: items.map(({ subtitle, shortName, internalName, url, children, hubEventTypeId, hubReferenceId, ...rest }, index) => {
+                return (_jsxs(AppHubRow, { children: [title && _jsx(AppHubHeader, { component: isPageLayout ? 'h2' : 'div', children: title }), _jsx(Grid, { container: true, spacing: { xs: 2, md: 3 }, rowSpacing: { xs: 3, md: 4 }, columns: gridSpacing.columns, children: items.map(({ subtitle, shortName, internalName, url, children, hubEventTypeId, hubReferenceId, ...rest }, index) => {
                                 if (!url && !children) {
                                     return null;
                                 }
@@ -68,7 +68,7 @@ const AppHub = (props) => {
         console.log('No data available');
         return null;
     }
-    return (_jsxs(AppHubPanel, { role: isPageLayout ? 'main' : '', style: { marginRight: isAppSwitcher ? '2rem' : 0 }, children: [!hasPromotionalCampaigns &&
+    return (_jsxs(AppHubPanel, { role: isPageLayout ? 'main' : '', style: { marginRight: isAppSwitcher ? '2rem' : 0 }, children: [!hasPromotionalCampaigns && !isAppSwitcher &&
                 _jsx(AppHubTitle, { component: isPageLayout ? 'h1' : 'div', style: { marginLeft: '1.5rem' }, children: _jsx(WelcomeBanner, { welcomeMessage: messages['stream-hub-welcome'], userName: userName, userOrganization: userOrganization }) }), data && data.map((row, rowIndex) => renderRow(row, rowIndex))] }));
 };
 export default AppHub;

package/components/stream/AppHub/AppHubBannerAdvert.js

@@ -30,7 +30,7 @@ export const renderBannerAdvertRow = (rowData, rowIndex) => {
     if (!hasValidImage || validItems.length === 0)
         return null;
     const { hubApiUrl, apiKey, token, isAppSwitcher } = hubTrackingProps;
-    return (_jsx(AppHubRow, { children: _jsxs(Grid, { container: true, spacing: 2, children: [validItems.map((item, index) => (_jsx(Grid, { xs: 12, children: _jsx(StyledAdvertPaper, { elevation: 0, children: _jsx(StyledAdvertLink, { href: addUtmParams(item.basePromoUrl, 'hub', 'hub_dashboard_banner_advert', item.name), target: "_blank", onClick: () => handleHubTracking({
+    return (_jsx(AppHubRow, { style: { margin: isAppSwitcher ? '0 0 0 2rem' : '2rem 0 0 2rem' }, children: _jsxs(Grid, { container: true, spacing: 2, children: [validItems.map((item, index) => (_jsx(Grid, { xs: 12, children: _jsx(StyledAdvertPaper, { elevation: 0, children: _jsx(StyledAdvertLink, { href: addUtmParams(item.basePromoUrl, 'hub', 'hub_dashboard_banner_advert', item.name), target: "_blank", onClick: () => handleHubTracking({
                                 hubApiUrl,
                                 apiKey,
                                 token,
@@ -38,5 +38,5 @@ export const renderBannerAdvertRow = (rowData, rowIndex) => {
                                 eventTypeId: HubEventTypeID.REQUEST_DEMO,
                                 referenceId: item.name,
                                 url: addUtmParams(item.basePromoUrl, 'hub', 'hub_dashboard_banner_advert', item.name)
-                            }), children: _jsx(StyledAdvertImage, { src: item.hubImageUrl, alt: item.altText || defaultMessages['banner-image-alt-text'], onError: handleImageError }) }) }) }, index))), _jsx(AppHubTitle, { component: 'h1', style: { marginTop: '2rem' }, children: _jsx(WelcomeBanner, { welcomeMessage: welcomeMessage, userName: userName, userOrganization: userOrganization }) })] }) }, `row_${rowIndex}`));
+                            }), children: _jsx(StyledAdvertImage, { src: item.hubImageUrl, alt: item.altText || defaultMessages['banner-image-alt-text'], onError: handleImageError }) }) }) }, index))), !isAppSwitcher && _jsx(AppHubTitle, { component: 'h1', style: { marginTop: '2rem' }, children: _jsx(WelcomeBanner, { welcomeMessage: welcomeMessage, userName: userName, userOrganization: userOrganization }) })] }) }, `row_${rowIndex}`));
 };

package/components/stream/AppSwitcher/AppSwitcher.js

@@ -3,7 +3,7 @@ import { useState, useEffect } from 'react';
 import PropTypes from 'prop-types';
 import jwtDecode from 'jwt-decode';
 import * as queryString from 'query-string';
-import { AppSwitcherPanel, AppSwitcherHeaderPanel, AppSwitcherHeader, AppSwitcherCloseButton, AppSwitcherFooterPanel, StyledHomeButton, AppSwitcherShadow } from './AppSwitcherStyles';
+import { AppSwitcherPanel, AppSwitcherHeaderPanel, AppSwitcherCloseButton, AppSwitcherFooterPanel, StyledHomeButton, AppSwitcherShadow } from './AppSwitcherStyles';
 import { Constants } from './constants';
 import { defaultAttributes } from '../../../utils/dataAttributes';
 import ChevronLeftIcon from '@mui/icons-material/ChevronLeft';
@@ -136,8 +136,7 @@ const AppSwitcher = (props) => {
                         });
                     }),
                     type: 'product',
-                    title: messages['explore-more'],
-                    allowTitle: true
+                    title: messages['explore-more']
                 }];
             if (userDashboard.promotionalCampaigns?.length > 0) {
                 userDashboardData.unshift({
@@ -198,7 +197,7 @@ const AppSwitcher = (props) => {
                     display: isAppSwitcherOpen ? 'block' : 'none',
                     left: isDrawerOpen ? Constants.DrawerWidth.Expanded : Constants.DrawerWidth.Collapsed - 3,
                     right: (docTextDirection === 'rtl' && isDrawerOpen) ? Constants.DrawerWidth.Expanded : Constants.DrawerWidth.Collapsed - 3
-                }, role: 'dialog', "aria-label": "App Switcher", onKeyDown: handleKeyDown, "data-id": dataIds.AppSwitcherContainer, onMouseDown: (event) => event.stopPropagation(), children: [_jsxs(AppSwitcherHeaderPanel, { children: [_jsx(AppSwitcherHeader, { children: messages['your-apps'] }), _jsx(AppSwitcherCloseButton, { onClick: handleDialogClose })] }), dashboardData.length > 0 && _jsx(Box, { sx: { marginBottom: '3rem' }, children: _jsx(AppHub, { data: dashboardData, hasPromotionalCampaigns: hasPromotionalCampaigns, isAppSwitcher: true, userName: userFirstName || avatarName, userOrganization: userOrg, hubApiUrl: baseUrl || Constants.BaseUrl, hubApiKey: apiKey, hubToken: token }) }), dashboardData.length === 0 && _jsx(Typography, { variant: 'h2', component: 'h4', sx: { marginTop: '1rem', justifySelf: 'anchor-center' }, children: messages['data-not-found'] }), _jsx(AppSwitcherFooterPanel, { children: _jsx(StyledHomeButton, { "aria-label": messages['go-to-hub'], endIcon: docTextDirection === 'rtl' ? _jsx(ChevronLeftIcon, { sx: { marginRight: '0.5em' } }) : _jsx(ChevronRightIcon, {}), onClick: e => window.open(props.StreamHomeUrl || Constants.DefaultStreamHomeUrl), children: messages['go-to-hub'] }) })] }), _jsx(AppSwitcherShadow, { style: {
+                }, role: 'dialog', "aria-label": "App Switcher", onKeyDown: handleKeyDown, "data-id": dataIds.AppSwitcherContainer, onMouseDown: (event) => event.stopPropagation(), children: [_jsx(AppSwitcherHeaderPanel, { children: _jsx(AppSwitcherCloseButton, { onClick: handleDialogClose }) }), dashboardData.length > 0 && _jsx(Box, { sx: { marginBottom: '3rem' }, children: _jsx(AppHub, { data: dashboardData, hasPromotionalCampaigns: hasPromotionalCampaigns, isAppSwitcher: true, userName: userFirstName || avatarName, userOrganization: userOrg, hubApiUrl: baseUrl || Constants.BaseUrl, hubApiKey: apiKey, hubToken: token }) }), dashboardData.length === 0 && _jsx(Typography, { variant: 'h2', component: 'h4', sx: { marginTop: '1rem', justifySelf: 'anchor-center' }, children: messages['data-not-found'] }), _jsx(AppSwitcherFooterPanel, { children: _jsx(StyledHomeButton, { "aria-label": messages['go-to-hub'], endIcon: docTextDirection === 'rtl' ? _jsx(ChevronLeftIcon, { sx: { marginRight: '0.5em' } }) : _jsx(ChevronRightIcon, {}), onClick: e => window.open(props.StreamHomeUrl || Constants.DefaultStreamHomeUrl), children: messages['go-to-hub'] }) })] }), _jsx(AppSwitcherShadow, { style: {
                     display: isAppSwitcherOpen ? 'block' : 'none',
                     left: isDrawerOpen ? Constants.DrawerWidth.Expanded : Constants.DrawerWidth.Collapsed - 3
                 } }), isAppSwitcherOpen && !isStandalone &&

package/components/stream/AppSwitcher/AppSwitcherStyles.d.ts

@@ -17,19 +17,6 @@ export declare const AppSwitcherFooterPanel: import("@emotion/styled").StyledCom
 } & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
 }, keyof import("@mui/material/OverridableComponent").CommonProps | "ref" | "children" | "sx" | "component" | ("p" | "color" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxShadow" | "boxSizing" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "visibility" | "whiteSpace" | "width" | "zIndex" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "marginBlock" | "marginInline" | "overflow" | "padding" | "paddingBlock" | "paddingInline" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "typography" | "displayPrint")> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
-export declare const AppSwitcherHeader: import("@emotion/styled").StyledComponent<import("@mui/system").SystemProps<import("@mui/material").Theme> & {
-    align?: "left" | "right" | "inherit" | "center" | "justify" | undefined;
-    children?: import("react").ReactNode;
-    classes?: Partial<import("@mui/material").TypographyClasses> | undefined;
-    gutterBottom?: boolean | undefined;
-    noWrap?: boolean | undefined;
-    paragraph?: boolean | undefined;
-    sx?: import("@mui/material").SxProps<import("@mui/material").Theme> | undefined;
-    variant?: "button" | "caption" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "inherit" | "overline" | "subtitle1" | "subtitle2" | "body1" | "body2" | undefined;
-    variantMapping?: Partial<Record<"button" | "caption" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "inherit" | "overline" | "subtitle1" | "subtitle2" | "body1" | "body2", string>> | undefined;
-} & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
-    ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
-}, keyof import("@mui/material/OverridableComponent").CommonProps | "children" | "sx" | "variant" | "align" | ("p" | "color" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxShadow" | "boxSizing" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "visibility" | "whiteSpace" | "width" | "zIndex" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "marginBlock" | "marginInline" | "overflow" | "padding" | "paddingBlock" | "paddingInline" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "typography" | "displayPrint") | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
 export declare const AppSwitcherCloseButton: import("@emotion/styled").StyledComponent<{
     children?: import("react").ReactNode;
     classes?: Partial<import("@mui/material").SvgIconClasses> | undefined;

package/components/stream/AppSwitcher/AppSwitcherStyles.js

@@ -1,4 +1,4 @@
-import { Box, Typography } from '@mui/material';
+import { Box } from '@mui/material';
 import CloseIcon from '@mui/icons-material/Close';
 import { styled } from '@mui/material/styles';
 import Button from '@mui/material/Button';
@@ -32,11 +32,9 @@ export const AppSwitcherPanel = styled('div') `
   z-index: -2;
 `;
 export const AppSwitcherHeaderPanel = styled(Box) `
-  background-color: ${props => props.theme.palette.mode === 'dark'
-    ? props.theme.palette.primary.dark
-    : defaultWhite};
+  background-color: transparent;
   display: flex;
-  justify-content: space-between;
+  justify-content: flex-end;
   overflow: hidden;
   position: sticky;
   top: 0;
@@ -53,14 +51,9 @@ export const AppSwitcherFooterPanel = styled(Box) `
   z-index: 1;
   width: ${panelWidth};
 `;
-export const AppSwitcherHeader = styled(Typography) `
-  font-size: 1.5rem;
-  font-weight: 400;
-  margin: 1rem;
-`;
 export const AppSwitcherCloseButton = styled(CloseIcon) `
   font-size: 2rem;
-  margin: 1rem 0.75rem 0.75rem 0.75rem;
+  margin: 0.5rem 0.75rem 0 0.75rem;
   
   &:hover {
     cursor: pointer;

package/package.json

@@ -9,7 +9,7 @@
     "components",
     "ui"
   ],
-  "version": "1.19.2",
+  "version": "1.19.4",
   "private": false,
   "main": "index.js",
   "module": "index.js",

package/types/components/stream/AppHub.d.ts

@@ -16,7 +16,6 @@ export interface IApplicationHubRowProps {
     title: string;
     type?: any;
     allowEditLinks?: boolean;
-    allowTitle?: boolean;
     customName?: string;
     welcomeMessage?: string;
     userName?: string;

package/utils/helpers.js

@@ -120,7 +120,7 @@ export const useFadeAndMoveIn = (delayOrder, reverse = false) => {
  */
 export const handleHubTracking = async ({ hubApiUrl, apiKey, token, isAppSwitcher, eventTypeId, referenceId, url }) => {
     const { hostname } = window.location;
-    if (hostname === 'localhost' || !isAppSwitcher) {
+    if (hostname === 'localhost') {
         console.log('Send tracking to Hub', { isHub: !isAppSwitcher, eventTypeId, referenceId, url });
         return;
     }