@oat-sa/tao-core-ui 1.57.0 → 1.58.2

package/dist/searchModal.js

@@ -1,638 +1,686 @@
 define(['jquery', 'lodash', 'i18n', 'context', 'handlebars', 'lib/dompurify/purify', 'css!ui/searchModal/css/searchModal.css', 'ui/component', 'ui/modal', 'ui/datatable', 'core/store', 'ui/resource/selector', 'ui/searchModal/advancedSearch', 'core/dataProvider/request', 'util/url', 'select2', 'util/shortcut/registry'], function ($$1, _, __, context, Handlebars, DOMPurify, searchModal_css, component, modal, datatable, store, resourceSelectorFactory, advancedSearchFactory, request, urlUtil, select2, shortcutRegistry) { 'use strict';
 
-    $$1 = $$1 && Object.prototype.hasOwnProperty.call($$1, 'default') ? $$1['default'] : $$1;
-    _ = _ && Object.prototype.hasOwnProperty.call(_, 'default') ? _['default'] : _;
-    __ = __ && Object.prototype.hasOwnProperty.call(__, 'default') ? __['default'] : __;
-    context = context && Object.prototype.hasOwnProperty.call(context, 'default') ? context['default'] : context;
-    Handlebars = Handlebars && Object.prototype.hasOwnProperty.call(Handlebars, 'default') ? Handlebars['default'] : Handlebars;
-    DOMPurify = DOMPurify && Object.prototype.hasOwnProperty.call(DOMPurify, 'default') ? DOMPurify['default'] : DOMPurify;
-    component = component && Object.prototype.hasOwnProperty.call(component, 'default') ? component['default'] : component;
-    store = store && Object.prototype.hasOwnProperty.call(store, 'default') ? store['default'] : store;
-    resourceSelectorFactory = resourceSelectorFactory && Object.prototype.hasOwnProperty.call(resourceSelectorFactory, 'default') ? resourceSelectorFactory['default'] : resourceSelectorFactory;
-    advancedSearchFactory = advancedSearchFactory && Object.prototype.hasOwnProperty.call(advancedSearchFactory, 'default') ? advancedSearchFactory['default'] : advancedSearchFactory;
-    request = request && Object.prototype.hasOwnProperty.call(request, 'default') ? request['default'] : request;
-    urlUtil = urlUtil && Object.prototype.hasOwnProperty.call(urlUtil, 'default') ? urlUtil['default'] : urlUtil;
-    shortcutRegistry = shortcutRegistry && Object.prototype.hasOwnProperty.call(shortcutRegistry, 'default') ? shortcutRegistry['default'] : shortcutRegistry;
+  $$1 = $$1 && Object.prototype.hasOwnProperty.call($$1, 'default') ? $$1['default'] : $$1;
+  _ = _ && Object.prototype.hasOwnProperty.call(_, 'default') ? _['default'] : _;
+  __ = __ && Object.prototype.hasOwnProperty.call(__, 'default') ? __['default'] : __;
+  context = context && Object.prototype.hasOwnProperty.call(context, 'default') ? context['default'] : context;
+  Handlebars = Handlebars && Object.prototype.hasOwnProperty.call(Handlebars, 'default') ? Handlebars['default'] : Handlebars;
+  DOMPurify = DOMPurify && Object.prototype.hasOwnProperty.call(DOMPurify, 'default') ? DOMPurify['default'] : DOMPurify;
+  component = component && Object.prototype.hasOwnProperty.call(component, 'default') ? component['default'] : component;
+  store = store && Object.prototype.hasOwnProperty.call(store, 'default') ? store['default'] : store;
+  resourceSelectorFactory = resourceSelectorFactory && Object.prototype.hasOwnProperty.call(resourceSelectorFactory, 'default') ? resourceSelectorFactory['default'] : resourceSelectorFactory;
+  advancedSearchFactory = advancedSearchFactory && Object.prototype.hasOwnProperty.call(advancedSearchFactory, 'default') ? advancedSearchFactory['default'] : advancedSearchFactory;
+  request = request && Object.prototype.hasOwnProperty.call(request, 'default') ? request['default'] : request;
+  urlUtil = urlUtil && Object.prototype.hasOwnProperty.call(urlUtil, 'default') ? urlUtil['default'] : urlUtil;
+  shortcutRegistry = shortcutRegistry && Object.prototype.hasOwnProperty.call(shortcutRegistry, 'default') ? shortcutRegistry['default'] : shortcutRegistry;
+
+  function ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+
+    if (Object.getOwnPropertySymbols) {
+      var symbols = Object.getOwnPropertySymbols(object);
+      enumerableOnly && (symbols = symbols.filter(function (sym) {
+        return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+      })), keys.push.apply(keys, symbols);
+    }
 
-    /**
-     * This program is free software; you can redistribute it and/or
-     * modify it under the terms of the GNU General Public License
-     * as published by the Free Software Foundation; under version 2
-     * of the License (non-upgradable).
-     *
-     * This program is distributed in the hope that it will be useful,
-     * but WITHOUT ANY WARRANTY; without even the implied warranty of
-     * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
-     * GNU General Public License for more details.
-     *
-     * You should have received a copy of the GNU General Public License
-     * along with this program; if not, write to the Free Software
-     * Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.
-     *
-     * Copyright (c) 2013-2019 (original work) Open Assessment Technologies SA (under the project TAO-PRODUCT);
-     *
-     *
-     */
-    function Helpers0 (hb) {
-      //register a i18n helper
-      hb.registerHelper('__', function (key) {
-        return __(key);
-      });
-      /**
-       * Register dompurify helper
-       *
-       * https://github.com/cure53/DOMPurify
-       * with config SAFE_FOR_TEMPLATES: true
-       * to make output safe for template systems
-       */
+    return keys;
+  }
 
-      hb.registerHelper('dompurify', function (context) {
-        return DOMPurify.sanitize(context);
+  function _objectSpread2(target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = null != arguments[i] ? arguments[i] : {};
+      i % 2 ? ownKeys(Object(source), !0).forEach(function (key) {
+        _defineProperty(target, key, source[key]);
+      }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) {
+        Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
-      /**
-       * Register join helper
-       *
-       * Example :
-       * var values = {a:v1, b:v2, c:v3};
-       * Using {{{join attributes '=' ' ' '"'}}} will return : a="v1" b="v2" c="v3"
-       * Using {{{join values null ' or ' '*'}}} will return : *v1* or *v2* or *v3*
-       */
+    }
 
-      hb.registerHelper('join', function (arr, keyValueGlue, fragmentGlue, wrapper) {
-        var fragments = [];
-        keyValueGlue = typeof keyValueGlue === 'string' ? keyValueGlue : undefined;
-        fragmentGlue = typeof fragmentGlue === 'string' ? fragmentGlue : ' ';
-        wrapper = typeof wrapper === 'string' ? wrapper : '"';
+    return target;
+  }
+
+  function _typeof(obj) {
+    "@babel/helpers - typeof";
+
+    return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+      return typeof obj;
+    } : function (obj) {
+      return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+    }, _typeof(obj);
+  }
+
+  function _defineProperty(obj, key, value) {
+    if (key in obj) {
+      Object.defineProperty(obj, key, {
+        value: value,
+        enumerable: true,
+        configurable: true,
+        writable: true
+      });
+    } else {
+      obj[key] = value;
+    }
 
-        _.forIn(arr, function (value, key) {
-          var fragment = '';
+    return obj;
+  }
 
-          if (value !== null || value !== undefined) {
-            if (typeof value === 'boolean') {
-              value = value ? 'true' : 'false';
-            } else if (typeof value === 'object') {
-              value = _.values(value).join(' ');
-            }
-          } else {
-            value = '';
-          }
+  function Helpers0 (hb) {
+    //register a i18n helper
+    hb.registerHelper('__', function (key) {
+      return __(key);
+    });
+    /**
+     * Register dompurify helper
+     *
+     * https://github.com/cure53/DOMPurify
+     * with config SAFE_FOR_TEMPLATES: true
+     * to make output safe for template systems
+     */
 
-          if (keyValueGlue !== undefined) {
-            fragment += key + keyValueGlue;
-          }
+    hb.registerHelper('dompurify', function (context) {
+      return DOMPurify.sanitize(context);
+    });
+    /**
+     * Register join helper
+     *
+     * Example :
+     * var values = {a:v1, b:v2, c:v3};
+     * Using {{{join attributes '=' ' ' '"'}}} will return : a="v1" b="v2" c="v3"
+     * Using {{{join values null ' or ' '*'}}} will return : *v1* or *v2* or *v3*
+     */
 
-          fragment += wrapper + value + wrapper;
-          fragments.push(fragment);
-        });
+    hb.registerHelper('join', function (arr, keyValueGlue, fragmentGlue, wrapper) {
+      var fragments = [];
+      keyValueGlue = typeof keyValueGlue === 'string' ? keyValueGlue : undefined;
+      fragmentGlue = typeof fragmentGlue === 'string' ? fragmentGlue : ' ';
+      wrapper = typeof wrapper === 'string' ? wrapper : '"';
 
-        return fragments.join(fragmentGlue);
-      }); //register a classic "for loop" helper
-      //it also adds a local variable "i" as the index in each iteration loop
+      _.forIn(arr, function (value, key) {
+        var fragment = '';
 
-      hb.registerHelper('for', function (startIndex, stopIndex, increment, options) {
-        var ret = '';
-        startIndex = parseInt(startIndex);
-        stopIndex = parseInt(stopIndex);
-        increment = parseInt(increment);
+        if (value !== null || value !== undefined) {
+          if (typeof value === 'boolean') {
+            value = value ? 'true' : 'false';
+          } else if (_typeof(value) === 'object') {
+            value = _.values(value).join(' ');
+          }
+        } else {
+          value = '';
+        }
 
-        for (var i = startIndex; i < stopIndex; i += increment) {
-          ret += options.fn(_.extend({}, this, {
-            i: i
-          }));
+        if (keyValueGlue !== undefined) {
+          fragment += key + keyValueGlue;
         }
 
-        return ret;
+        fragment += wrapper + value + wrapper;
+        fragments.push(fragment);
       });
-      hb.registerHelper('equal', function (var1, var2, options) {
-        if (var1 == var2) {
-          return options.fn(this);
-        } else {
-          return options.inverse(this);
-        }
-      }); // register a "get property" helper
-      // it gets the named property from the provided context
 
-      hb.registerHelper('property', function (name, context) {
-        return context[name] || '';
-      }); // register an 'includes' helper
-      // it checks if value is in array
+      return fragments.join(fragmentGlue);
+    }); //register a classic "for loop" helper
+    //it also adds a local variable "i" as the index in each iteration loop
 
-      hb.registerHelper('includes', function (haystack, needle, options) {
-        if (_.contains(haystack, needle)) {
-          return options.fn(this);
-        }
-      });
-    }
+    hb.registerHelper('for', function (startIndex, stopIndex, increment, options) {
+      var ret = '';
+      startIndex = parseInt(startIndex);
+      stopIndex = parseInt(stopIndex);
+      increment = parseInt(increment);
 
-    if (!Helpers0.__initialized) {
-      Helpers0(Handlebars);
-      Helpers0.__initialized = true;
-    }
-    var Template = Handlebars.template(function (Handlebars,depth0,helpers,partials,data) {
-      this.compilerInfo = [4,'>= 1.0.0'];
-    helpers = this.merge(helpers, Handlebars.helpers); data = data || {};
-      var buffer = "", stack1, helper, options, functionType="function", escapeExpression=this.escapeExpression, helperMissing=helpers.helperMissing;
-
-
-      buffer += "<div class=\"search-modal section-container\">\n    <div class=\"clear content-wrapper content-panel\">\n        <div class=\"ui-container\">\n            <div class=\"filters-container\">\n                <div class=\"basic-search-container\">\n                    <div class=\"filter-container\">\n                        <span class=\"icon-find\"></span>\n                        <input class=\"generic-search-input\" type=\"text\" placeholder=\"";
-      if (helper = helpers.placeholder) { stack1 = helper.call(depth0, {hash:{},data:data}); }
-      else { helper = (depth0 && depth0.placeholder); stack1 = typeof helper === functionType ? helper.call(depth0, {hash:{},data:data}) : helper; }
-      buffer += escapeExpression(stack1)
-        + "\">\n                    </div>\n                    <div class=\"filter-container class-filter-container\">\n                        <span class=\"icon-folder\"></span>\n                        <span class=\"icon-down\"></span>\n                        <textarea class=\"class-filter\" cols=\"40\" rows=\"1\" readonly></textarea>\n                        <div class=\"class-tree\"></div>\n                    </div>\n                </div>\n            </div>\n            <div class=\"buttons-container\">\n                <button class=\"btn-clear btn-transparent small\">"
-        + escapeExpression((helper = helpers.__ || (depth0 && depth0.__),options={hash:{},data:data},helper ? helper.call(depth0, "Clear", options) : helperMissing.call(depth0, "__", "Clear", options)))
-        + "</button>\n                <button class=\"btn-search btn-info small\">"
-        + escapeExpression((helper = helpers.__ || (depth0 && depth0.__),options={hash:{},data:data},helper ? helper.call(depth0, "Search", options) : helperMissing.call(depth0, "__", "Search", options)))
-        + "</button>\n            </div>\n        </div>\n        <div class=\"content-container\" style=\"padding:40px 20px\">\n        </div>\n    </div>\n</div>";
-      return buffer;
-      });
-    function layoutTpl(data, options, asString) {
-      var html = Template(data, options);
-      return (asString || true) ? html : $(html);
-    }
+      for (var i = startIndex; i < stopIndex; i += increment) {
+        ret += options.fn(_.extend({}, this, {
+          i: i
+        }));
+      }
 
-    if (!Helpers0.__initialized) {
-      Helpers0(Handlebars);
-      Helpers0.__initialized = true;
-    }
-    var Template$1 = Handlebars.template(function (Handlebars,depth0,helpers,partials,data) {
-      this.compilerInfo = [4,'>= 1.0.0'];
-    helpers = this.merge(helpers, Handlebars.helpers); data = data || {};
-      var buffer = "", stack1, helper, functionType="function", escapeExpression=this.escapeExpression;
-
-
-      buffer += "<div class='no-datatable-container'>\n    <span class=\"no-datatable-icon ";
-      if (helper = helpers.icon) { stack1 = helper.call(depth0, {hash:{},data:data}); }
-      else { helper = (depth0 && depth0.icon); stack1 = typeof helper === functionType ? helper.call(depth0, {hash:{},data:data}) : helper; }
-      buffer += escapeExpression(stack1)
-        + "\"></span>\n    <p class=\"no-datatable-message\">";
-      if (helper = helpers.message) { stack1 = helper.call(depth0, {hash:{},data:data}); }
-      else { helper = (depth0 && depth0.message); stack1 = typeof helper === functionType ? helper.call(depth0, {hash:{},data:data}) : helper; }
-      buffer += escapeExpression(stack1)
-        + "</p>\n</div>";
-      return buffer;
-      });
-    function infoMessageTpl(data, options, asString) {
-      var html = Template$1(data, options);
-      return (asString || true) ? html : $(html);
-    }
+      return ret;
+    });
+    hb.registerHelper('equal', function (var1, var2, options) {
+      if (var1 == var2) {
+        return options.fn(this);
+      } else {
+        return options.inverse(this);
+      }
+    }); // register a "get property" helper
+    // it gets the named property from the provided context
 
+    hb.registerHelper('property', function (name, context) {
+      return context[name] || '';
+    }); // register an 'includes' helper
+    // it checks if value is in array
+
+    hb.registerHelper('includes', function (haystack, needle, options) {
+      if (_.contains(haystack, needle)) {
+        return options.fn(this);
+      }
+    });
+  }
+
+  if (!Helpers0.__initialized) {
+    Helpers0(Handlebars);
+    Helpers0.__initialized = true;
+  }
+  var Template = Handlebars.template(function (Handlebars,depth0,helpers,partials,data) {
+    this.compilerInfo = [4,'>= 1.0.0'];
+  helpers = this.merge(helpers, Handlebars.helpers); data = data || {};
+    var buffer = "", stack1, helper, options, functionType="function", escapeExpression=this.escapeExpression, helperMissing=helpers.helperMissing;
+
+
+    buffer += "<div class=\"search-modal section-container\">\n    <div class=\"clear content-wrapper content-panel\">\n        <div class=\"ui-container\">\n            <div class=\"filters-container\">\n                <div class=\"basic-search-container\">\n                    <div class=\"filter-container\">\n                        <span class=\"icon-find\"></span>\n                        <input class=\"generic-search-input\" type=\"text\" placeholder=\"";
+    if (helper = helpers.placeholder) { stack1 = helper.call(depth0, {hash:{},data:data}); }
+    else { helper = (depth0 && depth0.placeholder); stack1 = typeof helper === functionType ? helper.call(depth0, {hash:{},data:data}) : helper; }
+    buffer += escapeExpression(stack1)
+      + "\">\n                    </div>\n                    <div class=\"filter-container class-filter-container\">\n                        <span class=\"icon-folder\"></span>\n                        <span class=\"icon-down\"></span>\n                        <textarea class=\"class-filter\" cols=\"40\" rows=\"1\" readonly></textarea>\n                        <div class=\"class-tree\"></div>\n                    </div>\n                </div>\n            </div>\n            <div class=\"buttons-container\">\n                <button class=\"btn-clear btn-transparent small\">"
+      + escapeExpression((helper = helpers.__ || (depth0 && depth0.__),options={hash:{},data:data},helper ? helper.call(depth0, "Clear", options) : helperMissing.call(depth0, "__", "Clear", options)))
+      + "</button>\n                <button class=\"btn-search btn-info small\">"
+      + escapeExpression((helper = helpers.__ || (depth0 && depth0.__),options={hash:{},data:data},helper ? helper.call(depth0, "Search", options) : helperMissing.call(depth0, "__", "Search", options)))
+      + "</button>\n            </div>\n        </div>\n        <div class=\"content-container\" style=\"padding:40px 20px\">\n        </div>\n    </div>\n</div>";
+    return buffer;
+    });
+  function layoutTpl(data, options, asString) {
+    var html = Template(data, options);
+    return (asString || true) ? html : $(html);
+  }
+
+  if (!Helpers0.__initialized) {
+    Helpers0(Handlebars);
+    Helpers0.__initialized = true;
+  }
+  var Template$1 = Handlebars.template(function (Handlebars,depth0,helpers,partials,data) {
+    this.compilerInfo = [4,'>= 1.0.0'];
+  helpers = this.merge(helpers, Handlebars.helpers); data = data || {};
+    var buffer = "", stack1, helper, functionType="function", escapeExpression=this.escapeExpression;
+
+
+    buffer += "<div class='no-datatable-container'>\n    <span class=\"no-datatable-icon ";
+    if (helper = helpers.icon) { stack1 = helper.call(depth0, {hash:{},data:data}); }
+    else { helper = (depth0 && depth0.icon); stack1 = typeof helper === functionType ? helper.call(depth0, {hash:{},data:data}) : helper; }
+    buffer += escapeExpression(stack1)
+      + "\"></span>\n    <p class=\"no-datatable-message\">";
+    if (helper = helpers.message) { stack1 = helper.call(depth0, {hash:{},data:data}); }
+    else { helper = (depth0 && depth0.message); stack1 = typeof helper === functionType ? helper.call(depth0, {hash:{},data:data}) : helper; }
+    buffer += escapeExpression(stack1)
+      + "</p>\n</div>";
+    return buffer;
+    });
+  function infoMessageTpl(data, options, asString) {
+    var html = Template$1(data, options);
+    return (asString || true) ? html : $(html);
+  }
+
+  /**
+   * Creates a searchModal instance
+   *
+   * @param {object} config
+   * @param {object} config.renderTo - DOM element where component will be rendered to
+   * @param {string} config.criterias - Search criteria to be set on component creation
+   * @param {boolean} config.searchOnInit - if init search must be triggered or not (stored results are used instead)
+   * @param {string} config.url - search endpoint to be set on datatable
+   * @param {string} config.rootClassUri - Uri for the root class of current context, required to init the class filter
+   * @param {bool} config.hideResourceSelector - if resourceSelector must be hidden
+   * @param {string} config.placeholder - placeholder for input in template
+   * @returns {searchModal}
+   */
+
+  function searchModalFactory(config) {
+    var defaults = {
+      renderTo: 'body',
+      criterias: {},
+      searchOnInit: true,
+      maxListSize: 5
+    }; // Private properties to be easily accessible by instance methods
+
+    var $container = null;
+    var $searchInput = null;
+    var $searchButton = null;
+    var $clearButton = null;
+    var running = false;
+    var searchStore = null;
+    var resourceSelector = null;
+    var $classFilterContainer = null;
+    var $classFilterInput = null;
+    var $classTreeContainer = null;
+    var advancedSearch = null; // resorce selector
+
+    var isResourceSelector = !config.hideResourceSelector;
+    var rootClassUri = config.rootClassUri;
     /**
-     * This program is free software; you can redistribute it and/or
-     * modify it under the terms of the GNU General Public License
-     * as published by the Free Software Foundation; under version 2
-     * of the License (non-upgradable).
-     *
-     * This program is distributed in the hope that it will be useful,
-     * but WITHOUT ANY WARRANTY; without even the implied warranty of
-     * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
-     * GNU General Public License for more details.
-     *
-     * You should have received a copy of the GNU General Public License
-     * along with this program; if not, write to the Free Software
-     * Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.
-     *
-     * Copyright (c) 2021 (original work) Open Assessment Technologies SA ;
+     * Creates search modal, inits template selectors, inits search store, and once is created triggers initial search
+     * rootClassUri is sent to advancedSearch factory for disabling in whitelisted sections
      */
+
+    function renderModal() {
+      var promises = [];
+      initModal();
+      initUiSelectors();
+      advancedSearch = advancedSearchFactory({
+        renderTo: $$1('.filters-container', $container),
+        advancedCriteria: instance.config.criterias.advancedCriteria,
+        rootClassUri: rootClassUri
+      });
+      promises.push(initClassFilter());
+      promises.push(initSearchStore());
+      Promise.all(promises).then(function () {
+        instance.trigger('ready');
+        $searchButton.trigger('click');
+      }).catch(function (e) {
+        return instance.trigger('error', e);
+      });
+    }
     /**
-     * Creates a searchModal instance
-     *
-     * @param {object} config
-     * @param {object} config.renderTo - DOM element where component will be rendered to
-     * @param {string} config.criterias - Search criteria to be set on component creation
-     * @param {boolean} config.searchOnInit - if init search must be triggered or not (stored results are used instead)
-     * @param {string} config.url - search endpoint to be set on datatable
-     * @param {string} config.rootClassUri - Uri for the root class of current context, required to init the class filter
-     * @param {bool} config.hideResourceSelector - if resourceSelector must be hidden
-     * @param {string} config.placeholder - placeholder for input in template
-     * @returns {searchModal}
+     * Removes search modal
      */
 
-    function searchModalFactory(config) {
-      const defaults = {
-        renderTo: 'body',
-        criterias: {},
-        searchOnInit: true,
-        maxListSize: 5
-      }; // Private properties to be easily accessible by instance methods
-
-      let $container = null;
-      let $searchInput = null;
-      let $searchButton = null;
-      let $clearButton = null;
-      let running = false;
-      let searchStore = null;
-      let resourceSelector = null;
-      let $classFilterContainer = null;
-      let $classFilterInput = null;
-      let $classTreeContainer = null;
-      let advancedSearch = null; // resorce selector
-
-      const isResourceSelector = !config.hideResourceSelector;
-      const rootClassUri = config.rootClassUri;
-      /**
-       * Creates search modal, inits template selectors, inits search store, and once is created triggers initial search
-       * rootClassUri is sent to advancedSearch factory for disabling in whitelisted sections
-       */
 
-      function renderModal() {
-        const promises = [];
-        initModal();
-        initUiSelectors();
-        advancedSearch = advancedSearchFactory({
-          renderTo: $$1('.filters-container', $container),
-          advancedCriteria: instance.config.criterias.advancedCriteria,
-          rootClassUri: rootClassUri
-        });
-        promises.push(initClassFilter());
-        promises.push(initSearchStore());
-        Promise.all(promises).then(() => {
-          instance.trigger('ready');
-          $searchButton.trigger('click');
-        }).catch(e => instance.trigger('error', e));
-      }
-      /**
-       * Removes search modal
-       */
+    function destroyModal() {
+      $container.removeClass('modal').modal('destroy');
+      $$1('.modal-bg').remove();
+    } // Creates new component
 
 
-      function destroyModal() {
-        $container.removeClass('modal').modal('destroy');
-        $$1('.modal-bg').remove();
-      } // Creates new component
-
-
-      const instance = component({}, defaults).setTemplate(layoutTpl).on('render', renderModal).on('destroy', destroyModal);
-      /**
-       * Creates search modal
-       */
+    var instance = component({}, defaults).setTemplate(layoutTpl).on('render', renderModal).on('destroy', destroyModal);
+    /**
+     * Creates search modal
+     */
 
-      function initModal() {
-        $container = instance.getElement();
-        $container.addClass('modal').on('closed.modal', () => instance.destroy()).modal({
-          disableEscape: false,
-          width: $$1(window).width(),
-          modalCloseClass: 'modal-close-left'
-        }).focus();
-      }
-      /**
-       * Inits class filter selector
-       */
+    function initModal() {
+      $container = instance.getElement();
+      $container.addClass('modal').on('closed.modal', function () {
+        return instance.destroy();
+      }).modal({
+        disableEscape: false,
+        width: $$1(window).width(),
+        modalCloseClass: 'modal-close-left'
+      }).focus();
+    }
+    /**
+     * Inits class filter selector
+     */
 
 
-      function initClassFilter() {
-        return new Promise(resolve => {
-          if (!isResourceSelector) {
-            $classFilterContainer.hide();
-            return resolve();
-          }
+    function initClassFilter() {
+      return new Promise(function (resolve) {
+        if (!isResourceSelector) {
+          $classFilterContainer.hide();
+          return resolve();
+        }
 
-          const initialClassUri = instance.config.criterias && instance.config.criterias.class ? instance.config.criterias.class : rootClassUri;
-          resourceSelector = resourceSelectorFactory($$1('.class-tree', $container), {
-            //set up the inner resource selector
-            selectionMode: 'single',
-            selectClass: true,
-            classUri: rootClassUri,
-            showContext: false,
-            showSelection: false
-          }); // when a class query is triggered, update selector options with received resources
-
-          resourceSelector.on('query', params => {
-            const classOnlyParams = { ...params,
-              classOnly: true
-            };
-            const route = urlUtil.route('getAll', 'RestResource', 'tao');
-            request(route, classOnlyParams).then(response => {
-              if (response.permissions && response.permissions.data && response.permissions.supportedRights && response.permissions.supportedRights.length > 0) {
-                manageClassTreePermissions(response);
-              }
-
-              resourceSelector.update(response.resources, classOnlyParams);
-            }).catch(e => instance.trigger('error', e));
+        var initialClassUri = instance.config.criterias && instance.config.criterias.class ? instance.config.criterias.class : rootClassUri;
+        resourceSelector = resourceSelectorFactory($$1('.class-tree', $container), {
+          //set up the inner resource selector
+          selectionMode: 'single',
+          selectClass: true,
+          classUri: rootClassUri,
+          showContext: false,
+          showSelection: false
+        }); // when a class query is triggered, update selector options with received resources
+
+        resourceSelector.on('query', function (params) {
+          var classOnlyParams = _objectSpread2(_objectSpread2({}, params), {}, {
+            classOnly: true
           });
-          /*
-           * the first time selector opions are updated the root class is selected. Promise is
-           * resolved so init process continues only when class input value has been set
-           */
 
-          resourceSelector.on('update', () => {
-            resourceSelector.off('update');
-            resourceSelector.select(initialClassUri);
-            resolve();
-          }); // then new class is selected, set its label into class filter input and hide filter container, then request class properties
-
-          resourceSelector.on('change', selectedValue => {
-            /*
-             * on searchModal init we set manually the selector to the provided config.rootClassUri. When a selector
-             * is set manually Selector component execs @clearSelection which triggers a change event
-             * with an empty object as param. We catch this undesired behaviour here
-             */
-            if (_.isEmpty(selectedValue)) {
-              return;
+          var route = urlUtil.route('getAll', 'RestResource', 'tao');
+          request(route, classOnlyParams).then(function (response) {
+            if (response.permissions && response.permissions.data && response.permissions.supportedRights && response.permissions.supportedRights.length > 0) {
+              manageClassTreePermissions(response);
             }
 
-            const classUri = _.map(selectedValue, 'classUri')[0];
-
-            const label = _.map(selectedValue, 'label')[0];
-
-            const uri = _.map(selectedValue, 'uri')[0];
-
-            const route = urlUtil.route('getWithMapping', 'ClassMetadata', 'tao', {
-              classUri,
-              maxListSize: instance.config.maxListSize
-            });
-            $classFilterInput.html(label);
-            $classFilterInput.data('uri', uri);
-            $classTreeContainer.hide();
-            advancedSearch.updateCriteria(route).then(() => instance.trigger('criteriaListUpdated')).catch(e => instance.trigger('error', e));
+            resourceSelector.update(response.resources, classOnlyParams);
+          }).catch(function (e) {
+            return instance.trigger('error', e);
           });
-          setResourceSelectorUIBehaviour();
         });
-      }
-      /**
-       * Loops through each class in received class tree and sets access mode to 'denied' on private classes
-       * so are disabled on class tree
-       * @param {object} classTree - class tree received by server, containing resources (classes) and permissions
-       */
+        /*
+         * the first time selector opions are updated the root class is selected. Promise is
+         * resolved so init process continues only when class input value has been set
+         */
 
+        resourceSelector.on('update', function () {
+          resourceSelector.off('update');
+          resourceSelector.select(initialClassUri);
+          resolve();
+        }); // then new class is selected, set its label into class filter input and hide filter container, then request class properties
 
-      function manageClassTreePermissions(classTree) {
-        const disableBlockedClasses = function (resources) {
-          _.forEach(resources, (resource, index, array) => {
-            if (classTree.permissions.data[resource.uri] && classTree.permissions.data[resource.uri].find(permission => permission === 'READ')) {
-              if (resource.children) {
-                disableBlockedClasses(resource.children);
-              }
-            } else {
-              array[index].accessMode = 'denied';
-            }
-          });
-        };
-
-        disableBlockedClasses(classTree.resources);
-      }
-      /**
-       * Inits template selectors, buttons behaviour, scroll animation,
-       * and sets initial search query on search input
-       */
+        resourceSelector.on('change', function (selectedValue) {
+          /*
+           * on searchModal init we set manually the selector to the provided config.rootClassUri. When a selector
+           * is set manually Selector component execs @clearSelection which triggers a change event
+           * with an empty object as param. We catch this undesired behaviour here
+           */
+          if (_.isEmpty(selectedValue)) {
+            return;
+          }
 
+          var classUri = _.map(selectedValue, 'classUri')[0];
 
-      function initUiSelectors() {
-        $searchButton = $$1('.btn-search', $container);
-        $clearButton = $$1('.btn-clear', $container);
-        $searchInput = $$1('.generic-search-input', $container);
-        $classFilterInput = $$1('.class-filter', $container);
-        $classTreeContainer = $$1('.class-tree', $container);
-        $classFilterContainer = $$1('.class-filter-container', $container);
-        $searchButton.on('click', search);
-        $clearButton.on('click', clear);
-        const shortcuts = shortcutRegistry($searchInput);
-        shortcuts.clear().add('enter', search);
-        $searchInput.val(instance.config.criterias && instance.config.criterias.search ? instance.config.criterias.search : '');
-      }
-      /**
-       * Sets required listeners to properly manage resourceSelector visualization
-       */
+          var label = _.map(selectedValue, 'label')[0];
 
+          var uri = _.map(selectedValue, 'uri')[0];
 
-      function setResourceSelectorUIBehaviour() {
-        $container.on('mousedown', () => {
+          var route = urlUtil.route('getWithMapping', 'ClassMetadata', 'tao', {
+            classUri: classUri,
+            maxListSize: instance.config.maxListSize
+          });
+          $classFilterInput.html(label);
+          $classFilterInput.data('uri', uri);
           $classTreeContainer.hide();
+          advancedSearch.updateCriteria(route).then(function () {
+            return instance.trigger('criteriaListUpdated');
+          }).catch(function (e) {
+            return instance.trigger('error', e);
+          });
         });
-        /**
-         * Pressing space, enter, esc, backspace
-         * on class filter input will toggle resource selector
-         */
+        setResourceSelectorUIBehaviour();
+      });
+    }
+    /**
+     * Loops through each class in received class tree and sets access mode to 'denied' on private classes
+     * so are disabled on class tree
+     * @param {object} classTree - class tree received by server, containing resources (classes) and permissions
+     */
 
-        const shortcuts = shortcutRegistry($classFilterInput);
-        shortcuts.add('enter', () => $classTreeContainer.show());
-        shortcuts.add('space', () => $classTreeContainer.show());
-        shortcuts.add('backspace', () => $classTreeContainer.hide());
-        shortcuts.add('escape', () => $classTreeContainer.hide(), {
-          propagate: false
-        });
-        /**
-         * clicking on class filter container will toggle resource selector
-         */
 
-        $classFilterContainer.on('click', e => {
-          $classTreeContainer.toggle();
+    function manageClassTreePermissions(classTree) {
+      var disableBlockedClasses = function disableBlockedClasses(resources) {
+        _.forEach(resources, function (resource, index, array) {
+          if (classTree.permissions.data[resource.uri] && classTree.permissions.data[resource.uri].find(function (permission) {
+            return permission === 'READ';
+          })) {
+            if (resource.children) {
+              disableBlockedClasses(resource.children);
+            }
+          } else {
+            array[index].accessMode = 'denied';
+          }
         });
-        /**
-         * clicking on class filter container will
-         * stopPropagation to prevent be closed
-         * by searchModal.mouseDown listener
-         */
+      };
 
-        $classFilterContainer.on('mousedown', e => {
-          e.stopPropagation();
-        }); // clicking on resource selector will stopPropagation to prevent be closed by searchModal.mouseDown listener
+      disableBlockedClasses(classTree.resources);
+    }
+    /**
+     * Inits template selectors, buttons behaviour, scroll animation,
+     * and sets initial search query on search input
+     */
 
-        $classTreeContainer.on('mousedown', e => {
-          e.stopPropagation();
-        });
-      }
-      /**
-       * Loads search store so it is accessible in the component
-       * @returns {Promise}
-       */
+
+    function initUiSelectors() {
+      $searchButton = $$1('.btn-search', $container);
+      $clearButton = $$1('.btn-clear', $container);
+      $searchInput = $$1('.generic-search-input', $container);
+      $classFilterInput = $$1('.class-filter', $container);
+      $classTreeContainer = $$1('.class-tree', $container);
+      $classFilterContainer = $$1('.class-filter-container', $container);
+      $searchButton.on('click', search);
+      $clearButton.on('click', clear);
+      var shortcuts = shortcutRegistry($searchInput);
+      shortcuts.clear().add('enter', search);
+      $searchInput.val(instance.config.criterias && instance.config.criterias.search ? instance.config.criterias.search : '');
+    }
+    /**
+     * Sets required listeners to properly manage resourceSelector visualization
+     */
 
 
-      function initSearchStore() {
-        return store('search').then(function (store) {
-          searchStore = store;
-        }).catch(e => instance.trigger('error', e));
-      }
+    function setResourceSelectorUIBehaviour() {
+      $container.on('mousedown', function () {
+        $classTreeContainer.hide();
+      });
       /**
-       * Request search results and manages its results
+       * Pressing space, enter, esc, backspace
+       * on class filter input will toggle resource selector
        */
 
+      var shortcuts = shortcutRegistry($classFilterInput);
+      shortcuts.add('enter', function () {
+        return $classTreeContainer.show();
+      });
+      shortcuts.add('space', function () {
+        return $classTreeContainer.show();
+      });
+      shortcuts.add('backspace', function () {
+        return $classTreeContainer.hide();
+      });
+      shortcuts.add('escape', function () {
+        return $classTreeContainer.hide();
+      }, {
+        propagate: false
+      });
+      /**
+       * clicking on class filter container will toggle resource selector
+       */
 
-      function search() {
-        const query = buildComplexQuery();
-        const classFilterUri = isResourceSelector ? $classFilterInput.data('uri').trim() : rootClassUri; //throttle and control to prevent sending too many requests
-
-        const searchHandler = _.throttle(query => {
-          if (running === false) {
-            running = true;
-            $$1.ajax({
-              url: instance.config.url,
-              type: 'POST',
-              data: {
-                query: query,
-                parentNode: classFilterUri,
-                structure: context.shownStructure
-              },
-              dataType: 'json'
-            }).done(data => {
-              appendDefaultDatasetToDatatable(data.data).then(() => buildSearchResultsDatatable(data.data)).catch(e => instance.trigger('error', e));
-            }).always(() => running = false);
-          }
-        }, 100);
-
-        searchHandler(query);
-      }
+      $classFilterContainer.on('click', function (e) {
+        $classTreeContainer.toggle();
+      });
       /**
-       * build final complex query appending every filter
+       * clicking on class filter container will
+       * stopPropagation to prevent be closed
+       * by searchModal.mouseDown listener
        */
 
+      $classFilterContainer.on('mousedown', function (e) {
+        e.stopPropagation();
+      }); // clicking on resource selector will stopPropagation to prevent be closed by searchModal.mouseDown listener
 
-      function buildComplexQuery() {
-        const $searchInputValue = $searchInput.val().trim();
-        let query = $searchInputValue;
-        query += advancedSearch.getAdvancedCriteriaQuery(query !== '');
-        return query;
-      }
-      /*
-       * If search on init is not required, extends data with stored dataset
-       * @param {object} data - search configuration including model and endpoint for datatable
-       * @returns {Promise}
-       */
+      $classTreeContainer.on('mousedown', function (e) {
+        e.stopPropagation();
+      });
+    }
+    /**
+     * Loads search store so it is accessible in the component
+     * @returns {Promise}
+     */
+
+
+    function initSearchStore() {
+      return store('search').then(function (store) {
+        searchStore = store;
+      }).catch(function (e) {
+        return instance.trigger('error', e);
+      });
+    }
+    /**
+     * Request search results and manages its results
+     */
 
 
-      function appendDefaultDatasetToDatatable(data) {
-        return new Promise(function (resolve, reject) {
-          // If no search on init, get dataset from searchStore
-          if (instance.config.searchOnInit === false) {
-            searchStore.getItem('results').then(storedSearchResults => {
-              instance.config.searchOnInit = true;
-              data.storedSearchResults = storedSearchResults;
-              resolve();
-            }).catch(e => {
-              instance.trigger('error', e);
-              reject(new Error('Error appending default dataset from searchStore to datatable'));
+    function search() {
+      var query = buildComplexQuery();
+      var classFilterUri = isResourceSelector ? $classFilterInput.data('uri').trim() : rootClassUri; //throttle and control to prevent sending too many requests
+
+      var searchHandler = _.throttle(function (query) {
+        if (running === false) {
+          running = true;
+          $$1.ajax({
+            url: instance.config.url,
+            type: 'POST',
+            data: {
+              query: query,
+              parentNode: classFilterUri,
+              structure: context.shownStructure
+            },
+            dataType: 'json'
+          }).done(function (data) {
+            appendDefaultDatasetToDatatable(data.data).then(function () {
+              return buildSearchResultsDatatable(data.data);
+            }).catch(function (e) {
+              return instance.trigger('error', e);
             });
-          } else {
-            resolve();
-          }
-        });
-      }
-      /**
-       * Creates a datatable with search results
-       * @param {object} data - search configuration including model and endpoint for datatable
-       */
+          }).always(function () {
+            return running = false;
+          });
+        }
+      }, 100);
 
+      searchHandler(query);
+    }
+    /**
+     * build final complex query appending every filter
+     */
 
-      function buildSearchResultsDatatable(data) {
-        //update the section container
-        const $tableContainer = $$1('<div class="flex-container-full"></div>');
-        const section = $$1('.content-container', $container);
-        section.empty();
-        section.append($tableContainer);
-        $tableContainer.on('load.datatable', searchResultsLoaded); //create datatable
-
-        $tableContainer.datatable({
-          url: data.url,
-          model: _.values(data.model),
-          labels: {
-            actions: ''
-          },
-          actions: [{
-            id: 'go-to-item',
-            label: __('View'),
-            action: function openResource(uri, data) {
-              instance.trigger('refresh', uri, data);
-              instance.destroy();
-            }
-          }],
-          params: {
-            params: data.params,
-            filters: data.filters,
-            rows: 20
-          }
-        }, data.storedSearchResults);
-      }
-      /**
-       * Triggered on load.datatable event, it updates searchStore and manages possible exceptions
-       * @param {object} e - load.datatable event
-       * @param {object} dataset - datatable dataset
-       */
 
+    function buildComplexQuery() {
+      var $searchInputValue = $searchInput.val().trim();
+      var query = $searchInputValue;
+      query += advancedSearch.getAdvancedCriteriaQuery(query !== '');
+      return query;
+    }
+    /*
+     * If search on init is not required, extends data with stored dataset
+     * @param {object} data - search configuration including model and endpoint for datatable
+     * @returns {Promise}
+     */
 
-      function searchResultsLoaded(e, dataset) {
-        if (dataset.records === 0) {
-          replaceSearchResultsDatatableWithMessage('no-matches');
+
+    function appendDefaultDatasetToDatatable(data) {
+      return new Promise(function (resolve, reject) {
+        // If no search on init, get dataset from searchStore
+        if (instance.config.searchOnInit === false) {
+          searchStore.getItem('results').then(function (storedSearchResults) {
+            instance.config.searchOnInit = true;
+            data.storedSearchResults = storedSearchResults;
+            resolve();
+          }).catch(function (e) {
+            instance.trigger('error', e);
+            reject(new Error('Error appending default dataset from searchStore to datatable'));
+          });
+        } else {
+          resolve();
         }
+      });
+    }
+    /**
+     * Creates a datatable with search results
+     * @param {object} data - search configuration including model and endpoint for datatable
+     */
 
-        instance.trigger(`datatable-loaded`);
-        updateSearchStore({
-          action: 'update',
-          dataset,
-          context: context.shownStructure,
-          criterias: {
-            search: $searchInput.val(),
-            class: isResourceSelector ? _.map(resourceSelector.getSelection(), 'uri')[0] : rootClassUri,
-            advancedCriteria: advancedSearch.getState()
+
+    function buildSearchResultsDatatable(data) {
+      //update the section container
+      var $tableContainer = $$1('<div class="flex-container-full"></div>');
+      var section = $$1('.content-container', $container);
+      section.empty();
+      section.append($tableContainer);
+      $tableContainer.on('load.datatable', searchResultsLoaded); //create datatable
+
+      $tableContainer.datatable({
+        url: data.url,
+        model: _.values(data.model),
+        labels: {
+          actions: ''
+        },
+        actions: [{
+          id: 'go-to-item',
+          label: __('View'),
+          action: function openResource(uri, data) {
+            instance.trigger('refresh', uri, data);
+            instance.destroy();
           }
-        });
-      }
-      /**
-       * Updates searchStore. If action is 'clear', searchStore is claread. If not, received
-       * data is assigned to searchStore. Once all actions have been done,
-       * store-updated event is triggered
-       * @param {object} data - data to store
-       */
+        }],
+        params: {
+          params: data.params,
+          filters: data.filters,
+          rows: 20
+        }
+      }, data.storedSearchResults);
+    }
+    /**
+     * Triggered on load.datatable event, it updates searchStore and manages possible exceptions
+     * @param {object} e - load.datatable event
+     * @param {object} dataset - datatable dataset
+     */
 
 
-      function updateSearchStore(data) {
-        const promises = [];
+    function searchResultsLoaded(e, dataset) {
+      if (dataset.records === 0) {
+        replaceSearchResultsDatatableWithMessage('no-matches');
+      }
 
-        if (data.action === 'clear') {
-          promises.push(searchStore.clear());
-        } else if (data.action === 'update') {
-          promises.push(searchStore.setItem('criterias', data.criterias));
-          promises.push(searchStore.setItem('context', data.context));
-          promises.push(data.dataset.records === 0 ? searchStore.removeItem('results') : searchStore.setItem('results', data.dataset));
+      instance.trigger("datatable-loaded");
+      updateSearchStore({
+        action: 'update',
+        dataset: dataset,
+        context: context.shownStructure,
+        criterias: {
+          search: $searchInput.val(),
+          class: isResourceSelector ? _.map(resourceSelector.getSelection(), 'uri')[0] : rootClassUri,
+          advancedCriteria: advancedSearch.getState()
         }
+      });
+    }
+    /**
+     * Updates searchStore. If action is 'clear', searchStore is claread. If not, received
+     * data is assigned to searchStore. Once all actions have been done,
+     * store-updated event is triggered
+     * @param {object} data - data to store
+     */
 
-        Promise.all(promises).then(() => instance.trigger(`store-updated`)).catch(e => instance.trigger('error', e));
-      }
-      /**
-       * Clear search input, criteria and results from both, view and store.
-       * Also sets every criterion on criteriaState to unredered and
-       * undefined value
-       */
 
+    function updateSearchStore(data) {
+      var promises = [];
 
-      function clear() {
-        $searchInput.val('');
-        advancedSearch.clear();
-        isResourceSelector && resourceSelector.select(rootClassUri);
-        replaceSearchResultsDatatableWithMessage('no-query');
-        updateSearchStore({
-          action: 'clear'
-        });
+      if (data.action === 'clear') {
+        promises.push(searchStore.clear());
+      } else if (data.action === 'update') {
+        promises.push(searchStore.setItem('criterias', data.criterias));
+        promises.push(searchStore.setItem('context', data.context));
+        promises.push(data.dataset.records === 0 ? searchStore.removeItem('results') : searchStore.setItem('results', data.dataset));
       }
-      /**
-       * Removes datatable container and displays a message instead
-       * @param {string} reason - reason why datatable is not rendered, to display appropiate message
-       */
 
+      Promise.all(promises).then(function () {
+        return instance.trigger("store-updated");
+      }).catch(function (e) {
+        return instance.trigger('error', e);
+      });
+    }
+    /**
+     * Clear search input, criteria and results from both, view and store.
+     * Also sets every criterion on criteriaState to unredered and
+     * undefined value
+     */
 
-      function replaceSearchResultsDatatableWithMessage(reason) {
-        const section = $$1('.content-container', $container);
-        section.empty();
-        let message = '';
-        let icon = '';
 
-        if (reason === 'no-query') {
-          message = __('Please define your search in the search panel.');
-          icon = 'icon-find';
-        } else if (reason === 'no-matches') {
-          message = __('No item found. Please try other search criteria.');
-          icon = 'icon-info';
-        }
+    function clear() {
+      $searchInput.val('');
+      advancedSearch.clear();
+      isResourceSelector && resourceSelector.select(rootClassUri);
+      replaceSearchResultsDatatableWithMessage('no-query');
+      updateSearchStore({
+        action: 'clear'
+      });
+    }
+    /**
+     * Removes datatable container and displays a message instead
+     * @param {string} reason - reason why datatable is not rendered, to display appropiate message
+     */
 
-        const infoMessage = infoMessageTpl({
-          message,
-          icon
-        });
-        section.append(infoMessage);
-      } // return initialized instance of searchModal
 
+    function replaceSearchResultsDatatableWithMessage(reason) {
+      var section = $$1('.content-container', $container);
+      section.empty();
+      var message = '';
+      var icon = '';
 
-      return instance.init(config);
-    }
+      if (reason === 'no-query') {
+        message = __('Please define your search in the search panel.');
+        icon = 'icon-find';
+      } else if (reason === 'no-matches') {
+        message = __('No item found. Please try other search criteria.');
+        icon = 'icon-info';
+      }
+
+      var infoMessage = infoMessageTpl({
+        message: message,
+        icon: icon
+      });
+      section.append(infoMessage);
+    } // return initialized instance of searchModal
+
+
+    return instance.init(config);
+  }
 
-    return searchModalFactory;
+  return searchModalFactory;
 
 });