@oat-sa/tao-core-ui 1.66.0 → 1.66.2

package/dist/figure/FigureStateActive.js

@@ -446,13 +446,11 @@ define(['jquery', 'nouislider', 'ui/resourcemgr', 'ui/tooltip', 'lodash', 'i18n'
       } = _ref2;
       const imageElem = getImageElement(widget);
       const figcaptionElem = getCaptionElement(widget);
-      const showFigure = widget.element.attr('showFigure');
       widget.$form.html(formTpl({
         baseUrl: widget.options.baseUrl || '',
         src: imageElem.attr('src'),
         alt: imageElem.attr('alt'),
-        figcaption: figcaptionElem ? figcaptionElem.body() : '',
-        showFigure: showFigure
+        figcaption: figcaptionElem ? figcaptionElem.body() : ''
       }));
       widget.$form.find('textarea#figcaption').on('focus.qti-widget', () => widget.$container.addClass('edit-figcaption')).on('blur.qti-widget', () => widget.$container.removeClass('edit-figcaption'));
 
@@ -470,23 +468,7 @@ define(['jquery', 'nouislider', 'ui/resourcemgr', 'ui/tooltip', 'lodash', 'i18n'
         togglePlaceholder
       }));
     };
-
-    /**
-     * @param {Object} stateFactory
-     * @param {Object} ActiveState
-     * @param {Object} formTpl
-     * @param {Object} formElement
-     * @param {Object} inlineHelper
-     * @returns
-     */
-    function FigureStateActive (_ref3) {
-      let {
-        stateFactory,
-        ActiveState,
-        formTpl,
-        formElement,
-        inlineHelper
-      } = _ref3;
+    function FigureStateActive (stateFactory, ActiveState, formTpl, formElement, inlineHelper) {
       /**
        * media Editor instance if has been initialized
        * @type {null}
@@ -494,7 +476,7 @@ define(['jquery', 'nouislider', 'ui/resourcemgr', 'ui/tooltip', 'lodash', 'i18n'
       let mediaEditor = null;
       let textareaObserver = null;
       let texareaHTMLElem = null;
-      const FigureStateActive = stateFactory.extend(ActiveState, function () {
+      const ImgStateActive = stateFactory.extend(ActiveState, function () {
         this.initForm();
       }, function () {
         this.widget.$form.find('textarea#figcaption').off('.qti-widget');
@@ -503,7 +485,7 @@ define(['jquery', 'nouislider', 'ui/resourcemgr', 'ui/tooltip', 'lodash', 'i18n'
         }
         this.widget.$form.empty();
       });
-      FigureStateActive.prototype.initForm = function () {
+      ImgStateActive.prototype.initForm = function () {
         initForm({
           widget: this.widget,
           formElement,
@@ -524,7 +506,7 @@ define(['jquery', 'nouislider', 'ui/resourcemgr', 'ui/tooltip', 'lodash', 'i18n'
           }
         }
       };
-      return FigureStateActive;
+      return ImgStateActive;
     }
 
     return FigureStateActive;

package/dist/mediaEditor/plugins/mediaAlignment/helper.js

@@ -1,6 +1,4 @@
-define(['exports', 'lodash'], function (exports, _) { 'use strict';
-
-    _ = _ && Object.prototype.hasOwnProperty.call(_, 'default') ? _['default'] : _;
+define(['exports'], function (exports) { 'use strict';
 
     /**
      * This program is free software; you can redistribute it and/or
@@ -19,30 +17,9 @@ define(['exports', 'lodash'], function (exports, _) { 'use strict';
      *
      * Copyright (c) 2021-2022  (original work) Open Assessment Technologies SA;
      */
+
     const FLOAT_LEFT_CLASS = 'wrap-left';
     const FLOAT_RIGHT_CLASS = 'wrap-right';
-    const searchRecurse = (parentElement, serial) => {
-      if (!parentElement) {
-        return null;
-      }
-      if (parentElement.serial === serial) {
-        return parentElement;
-      }
-      let found = null;
-      _.some(parentElement['elements'], childElement => {
-        if (childElement.serial === serial) {
-          found = parentElement;
-        } else if (childElement['elements']) {
-          found = searchRecurse(childElement, serial);
-        } else if (childElement['prompt']) {
-          found = searchRecurse(childElement.prompt.bdy, serial);
-        }
-        if (found) {
-          return true;
-        }
-      });
-      return found;
-    };
     const positionFloat = function positionFloat(widget, position) {
       if (!position) {
         return;
@@ -64,35 +41,11 @@ define(['exports', 'lodash'], function (exports, _) { 'use strict';
       // Update DOM
       widget.$container.addClass(className);
       // Update model
-      const prevClassName = widget.element.attr('class') || '';
       if (className) {
         widget.element.attr('class', className);
       } else {
         widget.element.removeAttr('class');
       }
-      if (prevClassName !== className) {
-        // Re-build Figure widget to toggle between inline/block
-        const parent = searchRecurse(widget.element.bdy.rootElement.bdy, widget.serial);
-        // avoid changes on Figure in a prompt
-        if (parent.contentModel && parent.contentModel === 'inlineStatic') {
-          _.defer(() => {
-            widget.element.data('widget').refresh();
-          });
-          return;
-        }
-        widget.element.data('widget').changeState('sleep');
-        _.defer(() => {
-          if (parent && parent.data('widget')) {
-            parent.data('widget').changeState('active');
-            _.defer(() => {
-              parent.data('widget').changeState('sleep');
-              _.defer(() => {
-                widget.element.data('widget').changeState('active');
-              });
-            });
-          }
-        });
-      }
       widget.$original.trigger('contentChange.qti-widget');
     };
     const initAlignment = function initAlignment(widget) {

package/dist/mediaEditor/plugins/mediaAlignment/mediaAlignmentComponent.js

@@ -49,6 +49,7 @@ define(['jquery', 'lodash', 'ui/component', 'handlebars', 'lib/handlebars/helper
      *
      * Copyright (c) 2021-2022  (original work) Open Assessment Technologies SA;
      */
+
     const FLOAT_LEFT_CLASS = 'wrap-left';
     const FLOAT_RIGHT_CLASS = 'wrap-right';
 

package/dist/pageSizeSelector.js

@@ -71,7 +71,7 @@ define(['jquery', 'i18n', 'ui/component', 'handlebars', 'lib/handlebars/helpers'
      * Default config values
      * @type {Object}
      */
-    var defaults = {
+    const defaults = {
       defaultSize: 25,
       options: [{
         label: '25 ' + __('items per page'),
@@ -99,14 +99,14 @@ define(['jquery', 'i18n', 'ui/component', 'handlebars', 'lib/handlebars/helpers'
      * @param {Object} [config.items] - available options
      * @returns {pageSizeSelector}
      */
-    var pageSizeSelectorFactory = function pageSizeSelectorFactory(config) {
-      var pageSizeSelectorSpecs = {
-        setSelectedOption: function setSelectedOption() {
-          var options = this.config.options;
-          var defaultSize = this.config.defaultSize;
-          var selectedOption;
-          options.forEach(function (option) {
-            if (option.value === defaultSize) {
+    function pageSizeSelectorFactory(config) {
+      const pageSizeSelectorSpecs = {
+        setSelectedOption() {
+          const options = this.config.options;
+          const defaultSize = parseInt(this.config.defaultSize, 10);
+          let selectedOption;
+          options.forEach(option => {
+            if (parseInt(option.value, 10) === defaultSize) {
               selectedOption = option;
               option.selected = true;
             } else {
@@ -120,27 +120,22 @@ define(['jquery', 'i18n', 'ui/component', 'handlebars', 'lib/handlebars/helpers'
           }
         }
       };
-      return component(pageSizeSelectorSpecs, defaults).setTemplate(pageSizeSelectorTpl).on('init', function () {
+      return component(pageSizeSelectorSpecs, defaults).setTemplate(pageSizeSelectorTpl).on('init', function onInit() {
         this.setSelectedOption();
-      }).on('render', function () {
-        var self = this;
-        var $component = this.getElement();
-        $$1('.select2', $component).select2({
+      }).on('render', function onRender() {
+        $$1('.select2', this.getElement()).select2({
           dropdownCssClass: 'page-size-dropdown',
           minimumResultsForSearch: Infinity
-        }).on('change', function (e) {
-          self.trigger('change', e.val);
+        }).on('change', e => {
+          this.trigger('change', e.val);
         });
-      }).after('render', function () {
-        var $component = this.getElement();
-
+      }).after('render', function afterRender() {
         // Notify about the default value after render
-        this.trigger('change', $$1('select', $component).val());
-      }).on('destroy', function () {
-        var $component = this.getElement();
-        $$1('.select2', $component).select2('destroy');
+        this.trigger('change', $$1('select', this.getElement()).val());
+      }).on('destroy', function onDestroy() {
+        $$1('.select2', this.getElement()).select2('destroy');
       }).init(config);
-    };
+    }
 
     return pageSizeSelectorFactory;
 

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@oat-sa/tao-core-ui",
-    "version": "1.66.0",
+    "version": "1.66.2",
     "displayName": "TAO Core UI",
     "description": "UI libraries of TAO",
     "scripts": {

package/scss/inc/_feedback.scss

@@ -148,7 +148,3 @@
 .bg-error {
     background-color: $errorBgColor;
 }
-
-textarea + .feedback-info {
-    padding: 5px;
-}

package/src/css/basic.css

@@ -1843,10 +1843,6 @@ html .txt-user-highlight {
     background-color: #f1d0d5;
 }
 
-textarea + .feedback-info, textarea + .tooltip-blue {
-    padding: 5px;
-}
-
 [class*=" col-"], [class^="col-"] {
     float: left;
     min-height: 1rem;