empower-container 0.1.10 → 0.1.13

package/README.md

@@ -168,6 +168,7 @@ info: 'Sample Information'
 ```html
  <MenuBar
     config={menubar.config}
+    mainButton={menubar.mainButton}
     button={menubar.button}
     pagination={menubar.pagination}
     pivot={menubar.pivot}
@@ -353,6 +354,7 @@ info: 'Sample Information'
 ```html
 <Modal
     config={menubar.config}
+    mainButton={menubar.mainButton}
     button={menubar.button}
     pagination={menubar.pagination}
     pivot={menubar.pivot}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "empower-container",
-  "version": "0.1.10",
+  "version": "0.1.13",
   "private": false,
   "main": "./dist/cjs/index.js",
   "module": "./dist/esm/index.js",

package/src/main/MenuBar.js

@@ -485,7 +485,7 @@ var MenuBar = function (_a) {
                             react_1.default.createElement("a", { href: "#", onClick: function (event) { return popoverRequestHandler(event, 'info'); }, "data-testid": "menubar-information" },
                                 react_1.default.createElement("div", { className: "em-info-icon" }, Asset_1.SVG_INFORMATION)),
                             react_1.default.createElement(Select_1.Popover, { id: "InfoPopOver", open: Boolean(infoPopover), className: Boolean(dropdownPopover) ? 'open-popover' : '', onClick: function (event) { return popoverRequestHandler(event, 'info'); } },
-                                react_1.default.createElement(Information_1.default, { items: info && info.infoDetails ? info.infoDetails : info, listRow: info && info.listRow ? info.listRow : [], desc: info && info.listRow && info.listRow.length > 0 ? false : true, title: config && config.title ? config.title.toUpperCase() : null, hide: function (event) { return popoverRequestHandler(event, 'info', true); } }))))) : null,
+                                react_1.default.createElement(Information_1.default, { items: info && info.infoDetails ? info.infoDetails : info, listRow: info && info.listRow ? info.listRow : [], desc: info && info.listRow && info.listRow.length > 0 ? false : true, title: config && config.title ? config.title : null, hide: function (event) { return popoverRequestHandler(event, 'info', true); } }))))) : null,
                     // Additional title on the modal
                     config && config.addedTitle ? (react_1.default.createElement("p", null, config.addedTitle)) : null),
                 react_1.default.createElement("div", { className: "em-beltleft-cta" },

package/src/main/MenuBar.tsx

@@ -585,7 +585,7 @@ const MenuBar: React.FunctionComponent<IMenuBarProps> = ({ config, info, button,
                                                 items={info && info.infoDetails ? info.infoDetails : info}
                                                 listRow={info && info.listRow ? info.listRow : []}
                                                 desc={info && info.listRow && info.listRow.length > 0 ? false : true}
-                                                title={config && config.title ? config.title.toUpperCase() : null}
+                                                title={config && config.title ? config.title : null}
                                                 hide={event => popoverRequestHandler(event, 'info', true)}
                                             />
 

package/src/sample/TestMenuBar.js

@@ -90,7 +90,9 @@ var TestMenuBar = function () {
         },
         menubar: {
             config: {
-                title: 'Test Title',
+                title: react_1.default.createElement("div", null,
+                    react_1.default.createElement("h3", null, "Hello"),
+                    react_1.default.createElement("span", null, "Sub Hello")),
                 icon: Asset_1.SVG_REQUEST,
                 showInfo: true,
                 iconType: ['check', "back", 'standard']

package/src/sample/TestMenuBar.tsx

@@ -65,7 +65,10 @@ const TestMenuBar = () => {
         },
         menubar: {
             config: {
-                title: 'Test Title',
+                title:  <div>
+                            <h3>Hello</h3>
+                            <span>Sub Hello</span>
+                        </div>,
                 icon: SVG_REQUEST,
                 showInfo: true,
                 iconType: ['check', "back", 'standard']