@oat-sa/tao-core-ui 1.64.1 → 1.64.2

package/src/breadcrumbs.js

@@ -1,99 +1,99 @@
-/**
- * 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) 2015 (original work) Open Assessment Technologies SA ;
- */
-/**
- * @author Jean-Sébastien Conan <jean-sebastien.conan@vesperiagroup.com>
- */
-
-import _ from 'lodash';
-import component from 'ui/component';
-import breadcrumbsTpl from 'ui/breadcrumbs/tpl/breadcrumbs';
-import 'ui/breadcrumbs/css/breadcrumbs.css';
-
-/**
- * Defines a breadcrumbs component
- * @type {Object}
- */
-let breadcrumbs = {
-    /**
-     * Updates the component with a new set of entries
-     * @param {Array} newBreadcrumbs
-     * @param {String} [newBreadcrumbs.id] - The identifier of the breadcrumb
-     * @param {String} [newBreadcrumbs.url] - The URL targeted by the breadcrumb
-     * @param {String} [newBreadcrumbs.label] - The displayed label
-     * @param {String} [newBreadcrumbs.data] - An extra label to display, usually related to the current context
-     * @param {Array} [newBreadcrumbs.entries] - A list of parallels links
-     * @param {Array} [newBreadcrumbs.cls] - CSS class to add to the container
-     * @returns {jQuery}
-     */
-    update: function update(newBreadcrumbs) {
-        var $oldComponent = this.getContainer();
-        var $component;
-
-        this.config.breadcrumbs = newBreadcrumbs;
-
-        /**
-         * Notifies the update
-         * @event breadcrumbs#update
-         * @param {breadcrumbs} newBreadcrumbs
-         */
-        this.trigger('update', newBreadcrumbs, this);
-
-        $component = this.render();
-
-        if ($oldComponent) {
-            if (!this.config.renderTo) {
-                $oldComponent.replaceWith($component);
-            } else if (!this.config.replace) {
-                $oldComponent.remove();
-            }
-        }
-
-        return $component;
-    }
-};
-
-/**
- * Remove the link from the last crumb
- */
-var removeLastLink = function removeLastLink() {
-    let newBreadcrumbs = this.config.breadcrumbs;
-
-    if (newBreadcrumbs && newBreadcrumbs.length) {
-        newBreadcrumbs = _.cloneDeep(this.config.breadcrumbs);
-        newBreadcrumbs[newBreadcrumbs.length - 1].url = null;
-        this.config.breadcrumbs = newBreadcrumbs;
-    }
-};
-
-/**
- * Builds an instance of the breadcrumbs component
- * @param {Object} config
- * @param {Array} [config.breadcrumbs] - The list of entries to display
- * @param {jQuery|HTMLElement|String} [config.renderTo] - An optional container in which renders the component
- * @param {Boolean} [config.replace] - When the component is appended to its container, clears the place before
- * @returns {breadcrumbs}
- */
-var breadcrumbsFactory = function breadcrumbsFactory(config) {
-    return component(breadcrumbs)
-        .on('init', removeLastLink)
-        .on('update', removeLastLink)
-        .setTemplate(breadcrumbsTpl)
-        .init(config);
-};
-
-export default breadcrumbsFactory;
+/**
+ * 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) 2015 (original work) Open Assessment Technologies SA ;
+ */
+/**
+ * @author Jean-Sébastien Conan <jean-sebastien.conan@vesperiagroup.com>
+ */
+
+import _ from 'lodash';
+import component from 'ui/component';
+import breadcrumbsTpl from 'ui/breadcrumbs/tpl/breadcrumbs';
+import 'ui/breadcrumbs/css/breadcrumbs.css';
+
+/**
+ * Defines a breadcrumbs component
+ * @type {Object}
+ */
+let breadcrumbs = {
+    /**
+     * Updates the component with a new set of entries
+     * @param {Array} newBreadcrumbs
+     * @param {String} [newBreadcrumbs.id] - The identifier of the breadcrumb
+     * @param {String} [newBreadcrumbs.url] - The URL targeted by the breadcrumb
+     * @param {String} [newBreadcrumbs.label] - The displayed label
+     * @param {String} [newBreadcrumbs.data] - An extra label to display, usually related to the current context
+     * @param {Array} [newBreadcrumbs.entries] - A list of parallels links
+     * @param {Array} [newBreadcrumbs.cls] - CSS class to add to the container
+     * @returns {jQuery}
+     */
+    update: function update(newBreadcrumbs) {
+        var $oldComponent = this.getContainer();
+        var $component;
+
+        this.config.breadcrumbs = newBreadcrumbs;
+
+        /**
+         * Notifies the update
+         * @event breadcrumbs#update
+         * @param {breadcrumbs} newBreadcrumbs
+         */
+        this.trigger('update', newBreadcrumbs, this);
+
+        $component = this.render();
+
+        if ($oldComponent) {
+            if (!this.config.renderTo) {
+                $oldComponent.replaceWith($component);
+            } else if (!this.config.replace) {
+                $oldComponent.remove();
+            }
+        }
+
+        return $component;
+    }
+};
+
+/**
+ * Remove the link from the last crumb
+ */
+var removeLastLink = function removeLastLink() {
+    let newBreadcrumbs = this.config.breadcrumbs;
+
+    if (newBreadcrumbs && newBreadcrumbs.length) {
+        newBreadcrumbs = _.cloneDeep(this.config.breadcrumbs);
+        newBreadcrumbs[newBreadcrumbs.length - 1].url = null;
+        this.config.breadcrumbs = newBreadcrumbs;
+    }
+};
+
+/**
+ * Builds an instance of the breadcrumbs component
+ * @param {Object} config
+ * @param {Array} [config.breadcrumbs] - The list of entries to display
+ * @param {jQuery|HTMLElement|String} [config.renderTo] - An optional container in which renders the component
+ * @param {Boolean} [config.replace] - When the component is appended to its container, clears the place before
+ * @returns {breadcrumbs}
+ */
+var breadcrumbsFactory = function breadcrumbsFactory(config) {
+    return component(breadcrumbs)
+        .on('init', removeLastLink)
+        .on('update', removeLastLink)
+        .setTemplate(breadcrumbsTpl)
+        .init(config);
+};
+
+export default breadcrumbsFactory;

package/src/btngrouper.js

@@ -1,213 +1,213 @@
-/**
- * @author Bertrand Chevrier <bertrand@taotesting.com>
- * @requires jquery
- * @requires core/pluginifier
- * @requires core/dataattrhandler
- */
-import $ from 'jquery';
-import _ from 'lodash';
-import Pluginifier from 'core/pluginifier';
-import DataAttrHandler from 'core/dataattrhandler';
-
-var ns = 'btngrouper';
-var dataNs = 'ui.' + ns;
-
-var defaults = {
-    bindEvent: 'click',
-    activeClass: 'active',
-    disableClass: 'disabled',
-    innerElt: 'li',
-    action: 'toggle'
-};
-
-//todo add other behavior : on/off, multi
-var availableActions = ['toggle', 'switch'];
-
-/**
- * The BtnGrouper component, hepls you to manage a group of buttons
- * @exports ui/btngrouper
- */
-var BtnGrouper = {
-    /**
-     * Initialize the plugin.
-     *
-     * Called the jQuery way once registered by the Pluginifier.
-     * @example $('selector').btngrouper({action : 'toggle' });
-     * @public
-     *
-     * @constructor
-     * @param {Object} options - the plugin options
-     * @param {string|boolean} [options.bindEvent = 'click'] - the event that trigger the close
-     * @param {String} [options.action = 'toggle'] - the action type to be executed
-     * @param {string} [options.activeClass = 'active'] - the css class to apply when an element of the button is active
-     * @param {string} [options.innerElt = 'a'] - the element that compose the group
-     * @fires BtnGrouper#create.btngrouper
-     * @returns {jQueryElement} for chaining
-     */
-    init: function (options) {
-        //get options using default
-        options = _.defaults(options || {}, defaults);
-
-        if (!_.contains(availableActions, options.action)) {
-            return $.error('Action ' + options.action + ' not supported');
-        }
-
-        return this.each(function () {
-            let $elt = $(this);
-
-            if (!$elt.data(dataNs)) {
-                //add data to the element
-                $elt.data(dataNs, options);
-
-                if (options.action === 'toggle') {
-                    //at the begining, one inner elt only should have the active class
-                    let $activeElt = $elt.find(options.innerElt + '.' + options.activeClass);
-                    if ($activeElt.length === 0) {
-                        $elt.find(options.innerElt + ':first').addClass(options.activeClass);
-                    } else if ($activeElt.length > 1) {
-                        $elt.find(options.innerElt + '.' + options.activeClass)
-                            .not(':first')
-                            .removeClass(options.activeClass);
-                    }
-                }
-
-                //bind an event to trigger the action
-                if (options.bindEvent !== false) {
-                    //the event is bound to the
-                    $elt.on(options.bindEvent, options.innerElt, function (e) {
-                        e.preventDefault();
-                        //execute the private method that corresponds to tha action
-                        let action = '_' + options.action;
-                        if (typeof BtnGrouper[action] === 'function') {
-                            BtnGrouper[action]($elt, $(this));
-                        }
-                    });
-                }
-
-                /**
-                 * The plugin have been created.
-                 * @event BtnGrouper#create.btngrouper
-                 */
-                $elt.trigger('create.' + ns);
-            }
-        });
-    },
-
-    /**
-     * Toggle the button state.
-     *
-     * Called the jQuery way once registered by the Pluginifier.
-     * @example $('selector').btngrouper('toggle');
-     * @param {jQueryElement} $elt - plugin's element
-     * @fires BtnGrouper#toggle.btngrouper
-     */
-    _toggle: function ($elt) {
-        var options = $elt.data(dataNs);
-
-        $elt.find(options.innerElt).toggleClass(options.activeClass);
-
-        /**
-         * The target has been toggled.
-         * @event BtnGrouper#toggle.btngrouper
-         */
-        $elt.trigger('toggle.' + ns).trigger('change');
-    },
-
-    /**
-     * On/Off a button in the group .
-     *
-     * @example $('selector').btngrouper('toggle');
-     * @param {jQueryElement} $elt - plugin's element
-     * @param {jQueryElement} $target - the inner element to switch
-     * @fires BtnGrouper#toggle.btngrouper
-     */
-    _switch: function ($elt, $target) {
-        var options = $elt.data(dataNs);
-
-        $target.toggleClass(options.activeClass);
-
-        /**
-         * The target has been toggled.
-         * @event BtnGrouper#toggle.btngrouper
-         */
-        $elt.trigger('switch.' + ns).trigger('change');
-    },
-
-    /**
-     * Get the active(s) value(s)
-     * @returns {string|array} the text content of the active buttons
-     */
-    value: function () {
-        var value = [];
-        this.each(function () {
-            var $elt = $(this);
-            var options = $elt.data(dataNs);
-            var eltValue = $elt
-                .find(options.innerElt)
-                .filter('.' + options.activeClass)
-                .text();
-            if ($.isArray(eltValue)) {
-                value.concat(eltValue);
-            } else {
-                value.push(eltValue);
-            }
-        });
-        return value.length === 1 ? value[0] : value;
-    },
-
-    /**
-     * Destroy completely the plugin.
-     *
-     * Called the jQuery way once registered by the Pluginifier.
-     * @example $('selector').btngrouper('destroy');
-     * @public
-     */
-    destroy: function () {
-        this.each(function () {
-            var $elt = $(this);
-            var options = $elt.data(dataNs);
-            if (options.bindEvent !== false) {
-                $elt.off(options.bindEvent, options.innerElt);
-            }
-            $elt.removeData(dataNs);
-
-            /**
-             * The plugin have been destroyed.
-             * @event BtnGrouper#destroy.btngrouper
-             */
-            $elt.trigger('destroy.' + ns);
-        });
-    }
-};
-
-//Register the btngrouper to behave as a jQuery plugin.
-Pluginifier.register(ns, BtnGrouper, {
-    expose: ['toggle', 'switch']
-});
-
-/**
- * The only exposed function is used to start listening on data-attr
- *
- * @public
- * @example define(['ui/btngrouper'], function(btngrouper){ btngrouper($('rootContainer')); });
- * @param {jQueryElement} $container - the root context to listen in
- */
-export default function listenDataAttr($container) {
-    new DataAttrHandler('button-group', {
-        container: $container,
-        inner: 'li',
-        bubbled: true,
-        listenerEvent: 'click',
-        namespace: dataNs,
-        useTarget: false
-    }).init(function ($elt, $target) {
-        $elt.on('create.' + ns, function (e) {
-            if (e.namespace === ns) {
-                $elt.btngrouper($elt.data('button-group'), $target);
-            }
-        });
-        $elt.btngrouper({
-            action: $elt.data('button-group')
-        });
-    });
-}
+/**
+ * @author Bertrand Chevrier <bertrand@taotesting.com>
+ * @requires jquery
+ * @requires core/pluginifier
+ * @requires core/dataattrhandler
+ */
+import $ from 'jquery';
+import _ from 'lodash';
+import Pluginifier from 'core/pluginifier';
+import DataAttrHandler from 'core/dataattrhandler';
+
+var ns = 'btngrouper';
+var dataNs = 'ui.' + ns;
+
+var defaults = {
+    bindEvent: 'click',
+    activeClass: 'active',
+    disableClass: 'disabled',
+    innerElt: 'li',
+    action: 'toggle'
+};
+
+//todo add other behavior : on/off, multi
+var availableActions = ['toggle', 'switch'];
+
+/**
+ * The BtnGrouper component, hepls you to manage a group of buttons
+ * @exports ui/btngrouper
+ */
+var BtnGrouper = {
+    /**
+     * Initialize the plugin.
+     *
+     * Called the jQuery way once registered by the Pluginifier.
+     * @example $('selector').btngrouper({action : 'toggle' });
+     * @public
+     *
+     * @constructor
+     * @param {Object} options - the plugin options
+     * @param {string|boolean} [options.bindEvent = 'click'] - the event that trigger the close
+     * @param {String} [options.action = 'toggle'] - the action type to be executed
+     * @param {string} [options.activeClass = 'active'] - the css class to apply when an element of the button is active
+     * @param {string} [options.innerElt = 'a'] - the element that compose the group
+     * @fires BtnGrouper#create.btngrouper
+     * @returns {jQueryElement} for chaining
+     */
+    init: function (options) {
+        //get options using default
+        options = _.defaults(options || {}, defaults);
+
+        if (!_.contains(availableActions, options.action)) {
+            return $.error('Action ' + options.action + ' not supported');
+        }
+
+        return this.each(function () {
+            let $elt = $(this);
+
+            if (!$elt.data(dataNs)) {
+                //add data to the element
+                $elt.data(dataNs, options);
+
+                if (options.action === 'toggle') {
+                    //at the begining, one inner elt only should have the active class
+                    let $activeElt = $elt.find(options.innerElt + '.' + options.activeClass);
+                    if ($activeElt.length === 0) {
+                        $elt.find(options.innerElt + ':first').addClass(options.activeClass);
+                    } else if ($activeElt.length > 1) {
+                        $elt.find(options.innerElt + '.' + options.activeClass)
+                            .not(':first')
+                            .removeClass(options.activeClass);
+                    }
+                }
+
+                //bind an event to trigger the action
+                if (options.bindEvent !== false) {
+                    //the event is bound to the
+                    $elt.on(options.bindEvent, options.innerElt, function (e) {
+                        e.preventDefault();
+                        //execute the private method that corresponds to tha action
+                        let action = '_' + options.action;
+                        if (typeof BtnGrouper[action] === 'function') {
+                            BtnGrouper[action]($elt, $(this));
+                        }
+                    });
+                }
+
+                /**
+                 * The plugin have been created.
+                 * @event BtnGrouper#create.btngrouper
+                 */
+                $elt.trigger('create.' + ns);
+            }
+        });
+    },
+
+    /**
+     * Toggle the button state.
+     *
+     * Called the jQuery way once registered by the Pluginifier.
+     * @example $('selector').btngrouper('toggle');
+     * @param {jQueryElement} $elt - plugin's element
+     * @fires BtnGrouper#toggle.btngrouper
+     */
+    _toggle: function ($elt) {
+        var options = $elt.data(dataNs);
+
+        $elt.find(options.innerElt).toggleClass(options.activeClass);
+
+        /**
+         * The target has been toggled.
+         * @event BtnGrouper#toggle.btngrouper
+         */
+        $elt.trigger('toggle.' + ns).trigger('change');
+    },
+
+    /**
+     * On/Off a button in the group .
+     *
+     * @example $('selector').btngrouper('toggle');
+     * @param {jQueryElement} $elt - plugin's element
+     * @param {jQueryElement} $target - the inner element to switch
+     * @fires BtnGrouper#toggle.btngrouper
+     */
+    _switch: function ($elt, $target) {
+        var options = $elt.data(dataNs);
+
+        $target.toggleClass(options.activeClass);
+
+        /**
+         * The target has been toggled.
+         * @event BtnGrouper#toggle.btngrouper
+         */
+        $elt.trigger('switch.' + ns).trigger('change');
+    },
+
+    /**
+     * Get the active(s) value(s)
+     * @returns {string|array} the text content of the active buttons
+     */
+    value: function () {
+        var value = [];
+        this.each(function () {
+            var $elt = $(this);
+            var options = $elt.data(dataNs);
+            var eltValue = $elt
+                .find(options.innerElt)
+                .filter('.' + options.activeClass)
+                .text();
+            if ($.isArray(eltValue)) {
+                value.concat(eltValue);
+            } else {
+                value.push(eltValue);
+            }
+        });
+        return value.length === 1 ? value[0] : value;
+    },
+
+    /**
+     * Destroy completely the plugin.
+     *
+     * Called the jQuery way once registered by the Pluginifier.
+     * @example $('selector').btngrouper('destroy');
+     * @public
+     */
+    destroy: function () {
+        this.each(function () {
+            var $elt = $(this);
+            var options = $elt.data(dataNs);
+            if (options.bindEvent !== false) {
+                $elt.off(options.bindEvent, options.innerElt);
+            }
+            $elt.removeData(dataNs);
+
+            /**
+             * The plugin have been destroyed.
+             * @event BtnGrouper#destroy.btngrouper
+             */
+            $elt.trigger('destroy.' + ns);
+        });
+    }
+};
+
+//Register the btngrouper to behave as a jQuery plugin.
+Pluginifier.register(ns, BtnGrouper, {
+    expose: ['toggle', 'switch']
+});
+
+/**
+ * The only exposed function is used to start listening on data-attr
+ *
+ * @public
+ * @example define(['ui/btngrouper'], function(btngrouper){ btngrouper($('rootContainer')); });
+ * @param {jQueryElement} $container - the root context to listen in
+ */
+export default function listenDataAttr($container) {
+    new DataAttrHandler('button-group', {
+        container: $container,
+        inner: 'li',
+        bubbled: true,
+        listenerEvent: 'click',
+        namespace: dataNs,
+        useTarget: false
+    }).init(function ($elt, $target) {
+        $elt.on('create.' + ns, function (e) {
+            if (e.namespace === ns) {
+                $elt.btngrouper($elt.data('button-group'), $target);
+            }
+        });
+        $elt.btngrouper({
+            action: $elt.data('button-group')
+        });
+    });
+}

package/src/bulkActionPopup/css/bulkActionPopup.css

@@ -1,9 +1,9 @@
-/*
-Usage:
-- linear-gradient((color1, color2, color3)) - returns linear-gradient with evenly distributed colors,
-   if 3 colors used then the position of each will be 33,33%
-- linear-gradient((color1 0%, color2 30%, color3 80%)) - returns linear-gradient with manually distributed colors,
-   first param - color, second - position. Also you can use px or other valid units for set position.
+/*
+Usage:
+- linear-gradient((color1, color2, color3)) - returns linear-gradient with evenly distributed colors,
+   if 3 colors used then the position of each will be 33,33%
+- linear-gradient((color1 0%, color2 30%, color3 80%)) - returns linear-gradient with manually distributed colors,
+   first param - color, second - position. Also you can use px or other valid units for set position.
 */
 /* based on "visually-hidden" mixin in LDS for accessibility goals */
 /* Do not edit */
@@ -78,5 +78,5 @@ Usage:
     font-size: 40px;
     margin-right: 10px;
 }
-
+
 /*# sourceMappingURL=bulkActionPopup.css.map */