@learningpool/ui 1.7.3 → 1.7.4

package/components/stream/AppHub/AppHub.js

@@ -20,6 +20,7 @@ var AppHub = function (props) {
     var isPageLayout = props.isPageLayout, localization = props.localization, customLinkBgColor = props.customLinkBgColor, data = props.data;
     var messages = __assign(__assign({}, defaultMessages), localization);
     var renderRow = function (rowData, rowIndex) {
+        var _a, _b;
         var type = rowData.type, items = rowData.items, title = rowData.title, addButton = rowData.addButton;
         switch (type) {
             case Constants.DataRowType.Product: {
@@ -37,10 +38,10 @@ var AppHub = function (props) {
                         // @ts-ignore
                         , __assign({ 
                             // @ts-ignore
-                            component: isPageLayout ? 'h2' : 'div' }, { children: title })), _jsxs(Grid, __assign({ container: true, spacing: { xs: 2, md: 3 } }, { children: [addButton && addButton.order === Constants.AddButtonOrder.Start && (_jsx(Grid, __assign({ xs: 6, sm: 4, md: 2 }, { children: _jsx(AppHubCustom, { isAddButton: true, customName: messages['add-custom-link'], customLinkBgColor: customLinkBgColor, url: addButton.url }) }))), items.map(function (_a, index) {
+                            component: isPageLayout ? 'h2' : 'div' }, { children: title })), _jsxs(Grid, __assign({ container: true, spacing: { xs: 2, md: 3 } }, { children: [addButton && addButton.order === Constants.AddButtonOrder.Start && (_jsx(Grid, __assign({ xs: 6, sm: 4, md: 2 }, { children: _jsx(AppHubCustom, { isAddButton: true, customName: (_a = addButton.title) !== null && _a !== void 0 ? _a : messages['add-item'], customLinkBgColor: customLinkBgColor, url: addButton.url }) }))), items.map(function (_a, index) {
                                     var customName = _a.customName, url = _a.url, icon = _a.icon;
                                     return (_jsx(Grid, __assign({ xs: 6, sm: 4, md: 2 }, { children: url && (_jsx(AppHubCustom, { customName: customName, customLinkBgColor: customLinkBgColor, url: url, icon: icon })) }), "".concat(customName, "_").concat(rowIndex, "_").concat(index)));
-                                }), addButton && addButton.order === Constants.AddButtonOrder.End && (_jsx(Grid, __assign({ xs: 6, sm: 4, md: 2 }, { children: _jsx(AppHubCustom, { isAddButton: true, customName: messages['add-custom-link'], customLinkBgColor: customLinkBgColor, url: addButton.url }) })))] }))] }, "row_".concat(rowIndex)));
+                                }), addButton && addButton.order === Constants.AddButtonOrder.End && (_jsx(Grid, __assign({ xs: 6, sm: 4, md: 2 }, { children: _jsx(AppHubCustom, { isAddButton: true, customName: (_b = addButton.title) !== null && _b !== void 0 ? _b : messages['add-item'], customLinkBgColor: customLinkBgColor, url: addButton.url }) })))] }))] }, "row_".concat(rowIndex)));
             }
             default: {
                 console.log('no items');

package/components/stream/AppHub/AppHubCustom.js

@@ -21,7 +21,8 @@ export var LogoVariants = {
 };
 var AppHubCustom = function (props) {
     var shortName = props.shortName, customName = props.customName, url = props.url, isAddButton = props.isAddButton, customLinkBgColor = props.customLinkBgColor, icon = props.icon;
-    return (_jsx(StyledPaper, __assign({ elevation: 0 }, { children: _jsx(StyledLink, __assign({ href: url, target: '_blank', underline: 'none' }, { children: _jsxs(StyledBoxWrap, { children: [!isAddButton && (_jsx(StyledAvatar, { children: icon !== null && icon !== void 0 ? icon : (customName ? handleAvatarInitials(customName) : null), customLinkBgColor: customLinkBgColor })), isAddButton && _jsx(StyledAddCircleOutlineIcon, {}), _jsx(StyledTypography
+    var addIcon = icon !== null && icon !== void 0 ? icon : _jsx(StyledAddCircleOutlineIcon, {});
+    return (_jsx(StyledPaper, __assign({ elevation: 0 }, { children: _jsx(StyledLink, __assign({ href: url, target: !isAddButton ? '_blank' : '_self', underline: 'none' }, { children: _jsxs(StyledBoxWrap, { children: [!isAddButton && (_jsx(StyledAvatar, { children: icon !== null && icon !== void 0 ? icon : (customName ? handleAvatarInitials(customName) : null), customLinkBgColor: customLinkBgColor })), isAddButton && addIcon, _jsx(StyledTypography
                     // @ts-ignore
                     , __assign({ 
                         // @ts-ignore

package/lang/en-us.d.ts

@@ -2,7 +2,7 @@ export const defaultMessages: {
     'app-switcher': string;
     'your-apps': string;
     'custom-apps': string;
-    'add-custom-link': string;
+    'add-item': string;
     'lp-apps': string;
     questions: string;
     'back-to': string;

package/lang/en-us.js

@@ -3,7 +3,7 @@ export var defaultMessages = {
     'app-switcher': 'App Switcher',
     'your-apps': 'Your Apps',
     'custom-apps': 'Explore Custom Apps',
-    'add-custom-link': 'Add Custom Link',
+    'add-item': 'Add item',
     'lp-apps': 'Explore Learning Pool Apps',
     questions: 'Questions',
     'back-to': 'Back',

package/package.json

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

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

@@ -9,4 +9,5 @@ export interface IApplicationHubRowProps {
     title: string;
     type?: any;
     addButton?: any;
+    customName?: string;
 }