@nebula.js/sn-action-button 1.6.0 → 1.10.1

package/dist/sn-action-button.esm.js

@@ -1,6 +1,6 @@
 /*
-* @nebula.js/sn-action-button v1.6.0
-* Copyright (c) 2020 QlikTech International AB
+* @nebula.js/sn-action-button v1.10.1
+* Copyright (c) 2022 QlikTech International AB
 * Released under the MIT license.
 */
 
@@ -967,6 +967,42 @@ var actions = [{
     }));
   },
   requiredInput: ['variable', 'value']
+}, {
+  value: 'doReload',
+  translation: 'Object.ActionButton.DoReload',
+  group: 'reload',
+  getActionCall: function getActionCall(_ref38) {
+    var app = _ref38.app,
+        partial = _ref38.partial;
+    return /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee20() {
+      var e;
+      return regeneratorRuntime.wrap(function _callee20$(_context20) {
+        while (1) {
+          switch (_context20.prev = _context20.next) {
+            case 0:
+              _context20.next = 2;
+              return app.doReload(0, !!partial, false);
+
+            case 2:
+              e = _context20.sent;
+
+              if (!e) {
+                _context20.next = 6;
+                break;
+              }
+
+              _context20.next = 6;
+              return app.doSave();
+
+            case 6:
+            case "end":
+              return _context20.stop();
+          }
+        }
+      }, _callee20);
+    }));
+  },
+  requiredInput: ['partial']
 }];
 function checkShowAction(data, field) {
   var act = actions.find(function (action) {
@@ -975,6 +1011,26 @@ function checkShowAction(data, field) {
   return act && act.requiredInput && act.requiredInput.indexOf(field) !== -1;
 }
 
+function evaluateCondition(condition) {
+  // case condition is commented
+  if (condition && condition.length >= 2 && condition[0] === '/' && condition[1] === '/') {
+    return true;
+  } // convert to numeric with -1 (true) as the default
+
+
+  var condVal = condition ? +condition : -1; // handle the string 'true' as true and all other strings as false
+
+  if (Number.isNaN(+condVal)) {
+    return condition.toLowerCase() === 'true';
+  }
+
+  return condVal !== 0;
+}
+
+var Util = {
+  evaluateCondition: evaluateCondition
+};
+
 var inIframe = function inIframe() {
   try {
     return window.self !== window.top;
@@ -1011,6 +1067,37 @@ var getOrderedSheets = /*#__PURE__*/function () {
     return _ref.apply(this, arguments);
   };
 }();
+var getOrderedVisibleSheet = /*#__PURE__*/function () {
+  var _ref2 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee2(app) {
+    var sheets, visibleSheets;
+    return regeneratorRuntime.wrap(function _callee2$(_context2) {
+      while (1) {
+        switch (_context2.prev = _context2.next) {
+          case 0:
+            _context2.next = 2;
+            return app.getSheetList();
+
+          case 2:
+            sheets = _context2.sent;
+            visibleSheets = sheets.filter(function (sheet) {
+              return Util.evaluateCondition(sheet.qData.showCondition);
+            });
+            return _context2.abrupt("return", visibleSheets.sort(function (current, next) {
+              return current.qData.rank - next.qData.rank;
+            }));
+
+          case 5:
+          case "end":
+            return _context2.stop();
+        }
+      }
+    }, _callee2);
+  }));
+
+  return function getOrderedVisibleSheet(_x2) {
+    return _ref2.apply(this, arguments);
+  };
+}();
 var navigationActions = [{
   translation: 'Object.ActionButton.NoNavigation',
   value: 'none'
@@ -1018,25 +1105,25 @@ var navigationActions = [{
   translation: 'Object.ActionButton.GoToNextSheet',
   value: 'nextSheet',
   navigationCall: function () {
-    var _navigationCall = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee2(_ref2) {
+    var _navigationCall = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee3(_ref3) {
       var senseNavigation;
-      return regeneratorRuntime.wrap(function _callee2$(_context2) {
+      return regeneratorRuntime.wrap(function _callee3$(_context3) {
         while (1) {
-          switch (_context2.prev = _context2.next) {
+          switch (_context3.prev = _context3.next) {
             case 0:
-              senseNavigation = _ref2.senseNavigation;
-              _context2.next = 3;
+              senseNavigation = _ref3.senseNavigation;
+              _context3.next = 3;
               return senseNavigation.nextSheet();
 
             case 3:
             case "end":
-              return _context2.stop();
+              return _context3.stop();
           }
         }
-      }, _callee2);
+      }, _callee3);
     }));
 
-    function navigationCall(_x2) {
+    function navigationCall(_x3) {
       return _navigationCall.apply(this, arguments);
     }
 
@@ -1047,25 +1134,25 @@ var navigationActions = [{
   translation: 'Object.ActionButton.GoToPreviousSheet',
   value: 'prevSheet',
   navigationCall: function () {
-    var _navigationCall2 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee3(_ref3) {
+    var _navigationCall2 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee4(_ref4) {
       var senseNavigation;
-      return regeneratorRuntime.wrap(function _callee3$(_context3) {
+      return regeneratorRuntime.wrap(function _callee4$(_context4) {
         while (1) {
-          switch (_context3.prev = _context3.next) {
+          switch (_context4.prev = _context4.next) {
             case 0:
-              senseNavigation = _ref3.senseNavigation;
-              _context3.next = 3;
+              senseNavigation = _ref4.senseNavigation;
+              _context4.next = 3;
               return senseNavigation.prevSheet();
 
             case 3:
             case "end":
-              return _context3.stop();
+              return _context4.stop();
           }
         }
-      }, _callee3);
+      }, _callee4);
     }));
 
-    function navigationCall(_x3) {
+    function navigationCall(_x4) {
       return _navigationCall2.apply(this, arguments);
     }
 
@@ -1076,30 +1163,48 @@ var navigationActions = [{
   translation: 'Object.ActionButton.GoToLastSheet',
   value: 'lastSheet',
   navigationCall: function () {
-    var _navigationCall3 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee4(_ref4) {
-      var app, senseNavigation, sheets;
-      return regeneratorRuntime.wrap(function _callee4$(_context4) {
+    var _navigationCall3 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee5(_ref5) {
+      var app, enableSheetShow, senseNavigation, sheets;
+      return regeneratorRuntime.wrap(function _callee5$(_context5) {
         while (1) {
-          switch (_context4.prev = _context4.next) {
+          switch (_context5.prev = _context5.next) {
             case 0:
-              app = _ref4.app, senseNavigation = _ref4.senseNavigation;
-              _context4.next = 3;
+              app = _ref5.app, enableSheetShow = _ref5.enableSheetShow, senseNavigation = _ref5.senseNavigation;
+
+              if (!enableSheetShow) {
+                _context5.next = 7;
+                break;
+              }
+
+              _context5.next = 4;
+              return getOrderedVisibleSheet(app);
+
+            case 4:
+              _context5.t0 = _context5.sent;
+              _context5.next = 10;
+              break;
+
+            case 7:
+              _context5.next = 9;
               return getOrderedSheets(app);
 
-            case 3:
-              sheets = _context4.sent;
-              _context4.next = 6;
+            case 9:
+              _context5.t0 = _context5.sent;
+
+            case 10:
+              sheets = _context5.t0;
+              _context5.next = 13;
               return senseNavigation.goToSheet(sheets[sheets.length - 1].qInfo.qId);
 
-            case 6:
+            case 13:
             case "end":
-              return _context4.stop();
+              return _context5.stop();
           }
         }
-      }, _callee4);
+      }, _callee5);
     }));
 
-    function navigationCall(_x4) {
+    function navigationCall(_x5) {
       return _navigationCall3.apply(this, arguments);
     }
 
@@ -1110,30 +1215,48 @@ var navigationActions = [{
   translation: 'Object.ActionButton.GoToFirstSheet',
   value: 'firstSheet',
   navigationCall: function () {
-    var _navigationCall4 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee5(_ref5) {
-      var app, senseNavigation, sheets;
-      return regeneratorRuntime.wrap(function _callee5$(_context5) {
+    var _navigationCall4 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee6(_ref6) {
+      var app, enableSheetShow, senseNavigation, sheets;
+      return regeneratorRuntime.wrap(function _callee6$(_context6) {
         while (1) {
-          switch (_context5.prev = _context5.next) {
+          switch (_context6.prev = _context6.next) {
             case 0:
-              app = _ref5.app, senseNavigation = _ref5.senseNavigation;
-              _context5.next = 3;
+              app = _ref6.app, enableSheetShow = _ref6.enableSheetShow, senseNavigation = _ref6.senseNavigation;
+
+              if (!enableSheetShow) {
+                _context6.next = 7;
+                break;
+              }
+
+              _context6.next = 4;
+              return getOrderedVisibleSheet(app);
+
+            case 4:
+              _context6.t0 = _context6.sent;
+              _context6.next = 10;
+              break;
+
+            case 7:
+              _context6.next = 9;
               return getOrderedSheets(app);
 
-            case 3:
-              sheets = _context5.sent;
-              _context5.next = 6;
+            case 9:
+              _context6.t0 = _context6.sent;
+
+            case 10:
+              sheets = _context6.t0;
+              _context6.next = 13;
               return senseNavigation.goToSheet(sheets[0].qInfo.qId);
 
-            case 6:
+            case 13:
             case "end":
-              return _context5.stop();
+              return _context6.stop();
           }
         }
-      }, _callee5);
+      }, _callee6);
     }));
 
-    function navigationCall(_x5) {
+    function navigationCall(_x6) {
       return _navigationCall4.apply(this, arguments);
     }
 
@@ -1144,32 +1267,32 @@ var navigationActions = [{
   translation: 'Object.ActionButton.GoToASheet',
   value: 'goToSheet',
   navigationCall: function () {
-    var _navigationCall5 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee6(_ref6) {
+    var _navigationCall5 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee7(_ref7) {
       var senseNavigation, sheet;
-      return regeneratorRuntime.wrap(function _callee6$(_context6) {
+      return regeneratorRuntime.wrap(function _callee7$(_context7) {
         while (1) {
-          switch (_context6.prev = _context6.next) {
+          switch (_context7.prev = _context7.next) {
             case 0:
-              senseNavigation = _ref6.senseNavigation, sheet = _ref6.sheet;
-              _context6.t0 = sheet;
+              senseNavigation = _ref7.senseNavigation, sheet = _ref7.sheet;
+              _context7.t0 = sheet;
 
-              if (!_context6.t0) {
-                _context6.next = 5;
+              if (!_context7.t0) {
+                _context7.next = 5;
                 break;
               }
 
-              _context6.next = 5;
+              _context7.next = 5;
               return senseNavigation.goToSheet(sheet);
 
             case 5:
             case "end":
-              return _context6.stop();
+              return _context7.stop();
           }
         }
-      }, _callee6);
+      }, _callee7);
     }));
 
-    function navigationCall(_x6) {
+    function navigationCall(_x7) {
       return _navigationCall5.apply(this, arguments);
     }
 
@@ -1181,32 +1304,32 @@ var navigationActions = [{
   translation: 'Object.ActionButton.GoToSheetById',
   value: 'goToSheetById',
   navigationCall: function () {
-    var _navigationCall6 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee7(_ref7) {
+    var _navigationCall6 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee8(_ref8) {
       var senseNavigation, sheet;
-      return regeneratorRuntime.wrap(function _callee7$(_context7) {
+      return regeneratorRuntime.wrap(function _callee8$(_context8) {
         while (1) {
-          switch (_context7.prev = _context7.next) {
+          switch (_context8.prev = _context8.next) {
             case 0:
-              senseNavigation = _ref7.senseNavigation, sheet = _ref7.sheet;
-              _context7.t0 = sheet;
+              senseNavigation = _ref8.senseNavigation, sheet = _ref8.sheet;
+              _context8.t0 = sheet;
 
-              if (!_context7.t0) {
-                _context7.next = 5;
+              if (!_context8.t0) {
+                _context8.next = 5;
                 break;
               }
 
-              _context7.next = 5;
+              _context8.next = 5;
               return senseNavigation.goToSheet(sheet);
 
             case 5:
             case "end":
-              return _context7.stop();
+              return _context8.stop();
           }
         }
-      }, _callee7);
+      }, _callee8);
     }));
 
-    function navigationCall(_x7) {
+    function navigationCall(_x8) {
       return _navigationCall6.apply(this, arguments);
     }
 
@@ -1218,32 +1341,32 @@ var navigationActions = [{
   translation: 'Object.ActionButton.GoToStory',
   value: 'goToStory',
   navigationCall: function () {
-    var _navigationCall7 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee8(_ref8) {
+    var _navigationCall7 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee9(_ref9) {
       var senseNavigation, story;
-      return regeneratorRuntime.wrap(function _callee8$(_context8) {
+      return regeneratorRuntime.wrap(function _callee9$(_context9) {
         while (1) {
-          switch (_context8.prev = _context8.next) {
+          switch (_context9.prev = _context9.next) {
             case 0:
-              senseNavigation = _ref8.senseNavigation, story = _ref8.story;
-              _context8.t0 = story;
+              senseNavigation = _ref9.senseNavigation, story = _ref9.story;
+              _context9.t0 = story;
 
-              if (!_context8.t0) {
-                _context8.next = 5;
+              if (!_context9.t0) {
+                _context9.next = 5;
                 break;
               }
 
-              _context8.next = 5;
+              _context9.next = 5;
               return senseNavigation.goToStory(story);
 
             case 5:
             case "end":
-              return _context8.stop();
+              return _context9.stop();
           }
         }
-      }, _callee8);
+      }, _callee9);
     }));
 
-    function navigationCall(_x8) {
+    function navigationCall(_x9) {
       return _navigationCall7.apply(this, arguments);
     }
 
@@ -1254,13 +1377,13 @@ var navigationActions = [{
   translation: 'Object.ActionButton.OpenWebsiteEmail',
   value: 'openWebsite',
   navigationCall: function () {
-    var _navigationCall8 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee9(_ref9) {
+    var _navigationCall8 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee10(_ref10) {
       var websiteUrl, sameWindow, url, target;
-      return regeneratorRuntime.wrap(function _callee9$(_context9) {
+      return regeneratorRuntime.wrap(function _callee10$(_context10) {
         while (1) {
-          switch (_context9.prev = _context9.next) {
+          switch (_context10.prev = _context10.next) {
             case 0:
-              websiteUrl = _ref9.websiteUrl, sameWindow = _ref9.sameWindow;
+              websiteUrl = _ref10.websiteUrl, sameWindow = _ref10.sameWindow;
 
               try {
                 if (websiteUrl) {
@@ -1278,13 +1401,13 @@ var navigationActions = [{
 
             case 2:
             case "end":
-              return _context9.stop();
+              return _context10.stop();
           }
         }
-      }, _callee9);
+      }, _callee10);
     }));
 
-    function navigationCall(_x9) {
+    function navigationCall(_x10) {
       return _navigationCall8.apply(this, arguments);
     }
 
@@ -1350,7 +1473,7 @@ function convertAction(action, newProperties) {
       break;
 
     case 'selectAndLockField':
-      newProperties.actions.push(_objectSpread2({}, newAction, {
+      newProperties.actions.push(_objectSpread2(_objectSpread2({}, newAction), {}, {
         cId: null,
         actionType: 'selectMatchingValues'
       }));
@@ -2086,7 +2209,8 @@ var toggleOptions = [{
   translation: 'properties.off'
 }];
 function ext(_ref) {
-  var translator = _ref.translator;
+  var translator = _ref.translator,
+      enableReloadAction = _ref.enableReloadAction;
   return {
     definition: {
       type: 'items',
@@ -2132,7 +2256,11 @@ function ext(_ref) {
                   component: 'expression-with-dropdown',
                   translation: 'Object.ActionButton.Action',
                   defaultValue: '',
-                  options: actions,
+                  options: function options() {
+                    return actions.filter(function (a) {
+                      return enableReloadAction || a.value !== 'doReload';
+                    });
+                  },
                   dropdownOnly: true
                 },
                 bookmark: {
@@ -2296,6 +2424,15 @@ function ext(_ref) {
                   show: function show(data) {
                     return checkShowAction(data, 'value');
                   }
+                },
+                partial: {
+                  type: 'boolean',
+                  ref: 'partial',
+                  translation: 'Object.ActionButton.Partial',
+                  defaultValue: false,
+                  show: function show(data) {
+                    return checkShowAction(data, 'partial');
+                  }
                 }
               }
             },
@@ -2344,7 +2481,8 @@ function ext(_ref) {
                               return _context4.abrupt("return", sheets.map(function (sheet) {
                                 return {
                                   value: sheet.qInfo.qId,
-                                  label: sheet.qMeta.title
+                                  label: sheet.qMeta.title,
+                                  showCondition: sheet.qData.showCondition
                                 };
                               }));
 
@@ -2817,7 +2955,8 @@ function ext(_ref) {
       export: !1,
       exportData: !1,
       snapshot: !1,
-      viewData: !1
+      viewData: !1,
+      quickMobile: !0
     }
   };
 }
@@ -3703,7 +3842,7 @@ var styleFormatter = {
         disabled = _ref2.disabled,
         theme = _ref2.theme,
         element = _ref2.element;
-    var styles = 'width: 100%;height: 100%;transition: transform .1s ease-in-out;';
+    var styles = 'width: 100%;height: 100%;transition: transform .1s ease-in-out;position: absolute;bottom: 0;left: 0; top: 0;right: 0;margin: auto;';
     var font = style.font,
         background = style.background,
         border = style.border;
@@ -3862,7 +4001,8 @@ function renderButton(_ref2) {
       app = _ref2.app,
       constraints = _ref2.constraints,
       senseNavigation = _ref2.senseNavigation,
-      element = _ref2.element;
+      element = _ref2.element,
+      enableSheetShow = _ref2.enableSheetShow;
   var isSense = !!senseNavigation;
   var button = element.firstElementChild;
   var style = layout.style,
@@ -3927,6 +4067,7 @@ function renderButton(_ref2) {
             _context2.next = 13;
             return navigationObject.navigationCall(_objectSpread2({
               app: app,
+              enableSheetShow: enableSheetShow,
               senseNavigation: senseNavigation
             }, navigation));
 
@@ -3981,8 +4122,12 @@ function renderButton(_ref2) {
 
 function supernova(env) {
   var sense = env.sense,
-      translator = env.translator;
+      translator = env.translator,
+      flags = env.flags;
   var senseNavigation = sense && sense.navigation;
+  var isEnabled = flags.isEnabled;
+  var enableSheetShow = isEnabled('SHEET_SHOW_CONDITION');
+  var enableReloadAction = isEnabled('ACTION_BUTTON_RELOAD');
   properties.style.label = sense ? translator.get('Object.ActionButton') : 'Button';
   return {
     qae: {
@@ -4006,7 +4151,8 @@ function supernova(env) {
         constraints: constraints,
         theme: theme,
         app: app,
-        senseNavigation: senseNavigation
+        senseNavigation: senseNavigation,
+        enableSheetShow: enableSheetShow
       });
       useEffect(function () {
         return function () {
@@ -4015,7 +4161,8 @@ function supernova(env) {
       }, [element]);
     },
     ext: ext({
-      translator: translator
+      translator: translator,
+      enableReloadAction: enableReloadAction
     })
   };
 }