@learningpool/ui 1.15.4 → 1.16.0

package/components/stream/AppHub/AppHubStyles.js

@@ -1,13 +1,33 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
 import { styled } from '@mui/material/styles';
 import { Paper, Box, Typography } from '../../../index';
-export var AppHubPanel = styled('div')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  padding: 1rem;\n  max-width: 1000px;\n"], ["\n  padding: 1rem;\n  max-width: 1000px;\n"])));
-export var AppHubRow = styled(Box)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  margin: 2rem 0 0;\n"], ["\n  margin: 2rem 0 0;\n"])));
-export var AppHubTitle = styled(Typography)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  font-size: 2rem;\n  font-weight: 700;\n  line-height: 1.3;\n  color: ", ";\n  margin-bottom: 0.5rem;\n"], ["\n  font-size: 2rem;\n  font-weight: 700;\n  line-height: 1.3;\n  color: ", ";\n  margin-bottom: 0.5rem;\n"])), function (props) { return props.theme.palette.text.primary; });
-export var AppHubHeader = styled(Typography)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  font-size: 1rem;\n  font-weight: 500;\n  color: ", ";\n  margin: 0 0 1rem;\n"], ["\n  font-size: 1rem;\n  font-weight: 500;\n  color: ", ";\n  margin: 0 0 1rem;\n"])), function (props) { return props.theme.palette.text.secondary; });
-export var StyledPaper = styled(Paper)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: row;\n  width: 100%;\n  height: 100%;\n  background: #fff;\n"], ["\n  display: flex;\n  flex-direction: row;\n  width: 100%;\n  height: 100%;\n  background: #fff;\n"])));
-export var StyledBox = styled(Box)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n"], ["\n  display: flex;\n  flex-direction: column;\n"])));
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;
+export const AppHubPanel = styled('div') `
+  padding: 1rem;
+  max-width: 1000px;
+`;
+export const AppHubRow = styled(Box) `
+  margin: 2rem 0 0;
+`;
+export const AppHubTitle = styled(Typography) `
+  font-size: 2rem;
+  font-weight: 700;
+  line-height: 1.3;
+  color: ${props => props.theme.palette.text.primary};
+  margin-bottom: 0.5rem;
+`;
+export const AppHubHeader = styled(Typography) `
+  font-size: 1rem;
+  font-weight: 500;
+  color: ${props => props.theme.palette.text.secondary};
+  margin: 0 0 1rem;
+`;
+export const StyledPaper = styled(Paper) `
+  display: flex;
+  flex-direction: row;
+  width: 100%;
+  height: 100%;
+  background: #fff;
+`;
+export const StyledBox = styled(Box) `
+  display: flex;
+  flex-direction: column;
+`;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const Constants: Readonly<{
     DataRowType: {
         Product: string;
@@ -82,7 +81,7 @@ export declare const hubCustomLinks: ({
 export declare const hubSupportItems: {
     name: string;
     url: string;
-    icon: JSX.Element;
+    icon: import("@emotion/react/jsx-runtime").JSX.Element;
 }[];
 export declare const hubBannerAdverts: {
     name: string;

package/components/stream/AppHub/constants.js

@@ -1,6 +1,6 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 import HomeIcon from '@mui/icons-material/Home';
-export var Constants = Object.freeze({
+export const Constants = Object.freeze({
     DataRowType: {
         Product: 'product',
         CustomLink: 'custom-link',
@@ -12,7 +12,7 @@ export var Constants = Object.freeze({
         End: 'end'
     }
 });
-export var hubApplications = [
+export const hubApplications = [
     { applicationId: 1, applicationName: 'Stream LXP', shortName: 'LXP', internalName: 'stream', url: 'https://learningpool.com' },
     {
         applicationId: 2,
@@ -20,11 +20,11 @@ export var hubApplications = [
         shortName: 'Long Wrapping Text Name Truncation Test Stream Analytics',
         internalName: 'analytics',
         children: [
-            { applicationId: 2, applicationName: 'Stream Analytics', shortName: 'Long Wrapping Test Stream Analytics', internalName: 'analytics', onClick: function () { return window.open('http://learningpool.com', '_blank'); } },
-            { applicationId: 2, applicationName: 'Stream Analytics', shortName: 'Long Wrapping Test Stream Analytics', internalName: 'analytics', onClick: function () { return window.open('http://learningpool.com', '_blank'); } },
-            { applicationId: 2, applicationName: 'Stream Analytics', shortName: 'Long Wrapping Test Stream Analytics', internalName: 'analytics', onClick: function () { return window.open('http://learningpool.com', '_blank'); } },
-            { applicationId: 2, applicationName: 'Stream Analytics', shortName: 'Long Wrapping Test Stream Analytics', internalName: 'analytics', onClick: function () { return window.open('http://learningpool.com', '_blank'); } },
-            { applicationId: 2, applicationName: 'Stream Analytics', shortName: 'Long Wrapping Test Stream Analytics', internalName: 'analytics', onClick: function () { return window.open('http://learningpool.com', '_blank'); } }
+            { applicationId: 2, applicationName: 'Stream Analytics', shortName: 'Long Wrapping Test Stream Analytics', internalName: 'analytics', onClick: () => window.open('http://learningpool.com', '_blank') },
+            { applicationId: 2, applicationName: 'Stream Analytics', shortName: 'Long Wrapping Test Stream Analytics', internalName: 'analytics', onClick: () => window.open('http://learningpool.com', '_blank') },
+            { applicationId: 2, applicationName: 'Stream Analytics', shortName: 'Long Wrapping Test Stream Analytics', internalName: 'analytics', onClick: () => window.open('http://learningpool.com', '_blank') },
+            { applicationId: 2, applicationName: 'Stream Analytics', shortName: 'Long Wrapping Test Stream Analytics', internalName: 'analytics', onClick: () => window.open('http://learningpool.com', '_blank') },
+            { applicationId: 2, applicationName: 'Stream Analytics', shortName: 'Long Wrapping Test Stream Analytics', internalName: 'analytics', onClick: () => window.open('http://learningpool.com', '_blank') }
         ]
     },
     { applicationId: 3, applicationName: 'Stream Automation', shortName: 'Event Management', internalName: 'automation', customName: 'Waves 1', url: 'https://learningpool.com' },
@@ -35,14 +35,14 @@ export var hubApplications = [
         internalName: 'lms',
         customName: 'Custom Name Test',
         children: [
-            { applicationId: 7, applicationName: 'Stream LMS', shortName: 'LMS', internalName: 'lms', customName: 'Custom Name Test', onClick: function () { return window.open('http://learningpool.com', '_blank'); } },
-            { applicationId: 7, applicationName: 'Stream LMS', shortName: 'LMS', internalName: 'lms', customName: 'Custom Name Test', onClick: function () { return window.open('http://learningpool.com', '_blank'); } },
-            { applicationId: 7, applicationName: 'Stream LMS', shortName: 'LMS', internalName: 'lms', customName: 'Custom Name Test', onClick: function () { return window.open('http://learningpool.com', '_blank'); } }
+            { applicationId: 7, applicationName: 'Stream LMS', shortName: 'LMS', internalName: 'lms', customName: 'Custom Name Test', onClick: () => window.open('http://learningpool.com', '_blank') },
+            { applicationId: 7, applicationName: 'Stream LMS', shortName: 'LMS', internalName: 'lms', customName: 'Custom Name Test', onClick: () => window.open('http://learningpool.com', '_blank') },
+            { applicationId: 7, applicationName: 'Stream LMS', shortName: 'LMS', internalName: 'lms', customName: 'Custom Name Test', onClick: () => window.open('http://learningpool.com', '_blank') }
         ]
     },
     { applicationId: 4, applicationName: 'Stream Authoring', shortName: 'Authoring', internalName: 'authoring', customName: '', subtitle: 'Subtitle Test', url: 'https://learningpool.com' }
 ];
-export var hubCustomLinks = [
+export const hubCustomLinks = [
     { name: 'Learning Pool', url: 'https://learningpool.com' },
     { name: 'Custom Link', url: 'https://learningpool.com' },
     { name: 'Another Custom Link', url: 'https://learningpool.com', customLinkBgColor: '#ff0000' },
@@ -53,10 +53,10 @@ export var hubCustomLinks = [
     { name: 'Another Custom Link', url: 'https://learningpool.com' },
     { name: 'Another Custom Link', url: 'https://learningpool.com' }
 ];
-export var hubSupportItems = [
+export const hubSupportItems = [
     { name: 'Contact us', url: 'https://learningpool.com', icon: _jsx(HomeIcon, {}) }
 ];
-export var hubBannerAdverts = [
+export const hubBannerAdverts = [
     { name: 'Banner Advert', imageUrl: 'https://uuicdn.learningpool.com/promotionalcampaigns/banner/latest/1000x138.png', url: 'https://learningpool.com' },
     { name: 'Another Banner Advert no image', imageUrl: '3', url: 'https://learningpool.com' },
     { name: 'Another Banner Advert', imageUrl: 'https://uuicdn.learningpool.com/promotionalcampaigns/banner/latest/1000x138.png', url: 'https://learningpool.com' }