superdesk-ui-framework 6.1.0-dev1 → 7.0.0-dev-hg0

package/app/scripts/helpers/dropdown.helper.js

@@ -1,344 +0,0 @@
-/* eslint-disable */
-
-angular.module('superdesk-ui.helper.dropdown', ['superdesk-ui.helper.position']).constant('dropdownConfig', {
-    openClass: 'open'
-})
-    .service('dropdownService', ['$document', '$rootScope', function($document, $rootScope) {
-        var openScope = null;
-
-        this.open = function(dropdownScope) {
-            if (!openScope) {
-                $document.bind('click', closeDropdown);
-                $document.bind('keydown', keybindFilter);
-            }
-
-            if (openScope && openScope !== dropdownScope) {
-                openScope.isOpen = false;
-            }
-
-            openScope = dropdownScope;
-        };
-
-        this.close = function(dropdownScope) {
-            if (openScope === dropdownScope) {
-                openScope = null;
-                $document.unbind('click', closeDropdown);
-                $document.unbind('keydown', keybindFilter);
-            }
-        };
-
-        var closeDropdown = function closeDropdown(evt) {
-        // This method may still be called during the same mouse event that
-        // unbound this event handler. So check openScope before proceeding.
-            if (!openScope) {
-                return;
-            }
-
-            if (evt && openScope.getAutoClose() === 'disabled') {
-                return;
-            }
-
-            var toggleElement = openScope.getToggleElement();
-
-            if (evt && toggleElement && toggleElement[0].contains(evt.target)) {
-                return;
-            }
-
-            var dropdownElement = openScope.getDropdownElement();
-
-            if (evt && openScope.getAutoClose() === 'outsideClick' && dropdownElement && dropdownElement[0].contains(evt.target)) {
-                return;
-            }
-
-            openScope.isOpen = false;
-
-            if (!$rootScope.$$phase) {
-                openScope.$apply();
-            }
-        };
-
-        var keybindFilter = function keybindFilter(evt) {
-            if (evt.which === 27) {
-                openScope.focusToggleElement();
-                closeDropdown();
-            } else if (openScope.isKeynavEnabled() && /(38|40)/.test(evt.which) && openScope.isOpen) {
-                evt.preventDefault();
-                evt.stopPropagation();
-                openScope.focusDropdownEntry(evt.which);
-            }
-        };
-    }])
-    .controller('DropdownController', ['$scope', '$attrs', '$parse', 'dropdownConfig', 'dropdownService', '$animate', '$position', '$document', '$compile', '$templateRequest', function($scope, $attrs, $parse, dropdownConfig, dropdownService, $animate, $position, $document, $compile, $templateRequest) {
-        var self = this,
-            scope = $scope.$new(),
-
-
-            // create a child scope so we are not polluting original one
-            templateScope,
-            openClass = dropdownConfig.openClass,
-            getIsOpen,
-            setIsOpen = angular.noop,
-            toggleInvoker = $attrs.onToggle ? $parse($attrs.onToggle) : angular.noop,
-            appendToBody = false,
-            keynavEnabled = false,
-            selectedOption = null;
-
-        this.init = function(element) {
-            self.$element = element;
-
-            if ($attrs.isOpen) {
-                getIsOpen = $parse($attrs.isOpen);
-                setIsOpen = getIsOpen.assign;
-
-                $scope.$watch(getIsOpen, (value) => {
-                    scope.isOpen = !!value;
-                });
-            }
-
-            appendToBody = angular.isDefined($attrs.dropdownAppendToBody);
-            keynavEnabled = angular.isDefined($attrs.keyboardNav);
-
-            if (appendToBody && self.dropdownMenu) {
-                $document.find('body').append(self.dropdownMenu);
-                element.on('$destroy', function handleDestroyEvent() {
-                    self.dropdownMenu.remove();
-                });
-            }
-        };
-
-        this.toggle = function(open) {
-            return scope.isOpen = arguments.length ? !!open : !scope.isOpen;
-        };
-
-        // Allow other directives to watch status
-        this.isOpen = function() {
-            return scope.isOpen;
-        };
-
-        scope.getToggleElement = function() {
-            return self.toggleElement;
-        };
-
-        scope.getAutoClose = function() {
-            return $attrs.autoClose || 'always'; // or 'outsideClick' or 'disabled'
-        };
-
-        scope.getElement = function() {
-            return self.$element;
-        };
-
-        scope.isKeynavEnabled = function() {
-            return keynavEnabled;
-        };
-
-        scope.focusDropdownEntry = function(keyCode) {
-            var elems = self.dropdownMenu ? // If append to body is used.
-            angular.element(self.dropdownMenu).find('a') : angular.element(self.$element).find('ul')
-                .eq(0)
-                .find('a');
-
-            switch (keyCode) {
-            case 40:
-            {
-                if (!angular.isNumber(self.selectedOption)) {
-                    self.selectedOption = 0;
-                } else {
-                    self.selectedOption = self.selectedOption === elems.length - 1 ? self.selectedOption : self.selectedOption + 1;
-                }
-                break;
-            }
-            case 38:
-            {
-                if (!angular.isNumber(self.selectedOption)) {
-                    return;
-                }
-                self.selectedOption = self.selectedOption === 0 ? 0 : self.selectedOption - 1;
-
-                break;
-            }
-            }
-            elems[self.selectedOption].focus();
-        };
-
-        scope.getDropdownElement = function() {
-            return self.dropdownMenu;
-        };
-
-        scope.focusToggleElement = function() {
-            if (self.toggleElement) {
-                self.toggleElement[0].focus();
-            }
-        };
-
-        scope.$watch('isOpen', (isOpen, wasOpen) => {
-            if (appendToBody && self.dropdownMenu) {
-                var pos = $position.positionElements(self.$element, self.dropdownMenu, 'bottom-left', true);
-                var css = {
-                    top: pos.top + 'px',
-                    display: isOpen ? 'block' : 'none'
-                };
-
-                var rightalign = self.dropdownMenu.hasClass('dropdown-menu-right');
-
-                if (!rightalign) {
-                    css.left = pos.left + 'px';
-                    css.right = 'auto';
-                } else {
-                    css.left = 'auto';
-                    css.right = window.innerWidth - (pos.left + self.$element.prop('offsetWidth')) + 'px';
-                }
-
-                self.dropdownMenu.css(css);
-            }
-
-            $animate[isOpen ? 'addClass' : 'removeClass'](self.$element, openClass).then(() => {
-                // NOTE: this checks whether there is at least one dropdown open - not only this instance
-                const legacyAngularDropdownOpen = document.querySelector('.dropdown.open') != null;
-
-                if (legacyAngularDropdownOpen) {
-                    document.body.classList.add('legacyAngularDropdownOpen');
-                } else {
-                    document.body.classList.remove('legacyAngularDropdownOpen');
-                }
-
-                if (angular.isDefined(isOpen) && isOpen !== wasOpen) {
-                    toggleInvoker($scope, {open: !!isOpen});
-                }
-            });
-
-            if (isOpen) {
-                if (self.dropdownMenuTemplateUrl) {
-                    $templateRequest(self.dropdownMenuTemplateUrl).then((tplContent) => {
-                        templateScope = scope.$new();
-                        $compile(tplContent.trim())(templateScope, (dropdownElement) => {
-                            var newEl = dropdownElement;
-
-                            self.dropdownMenu.replaceWith(newEl);
-                            self.dropdownMenu = newEl;
-                        });
-                    });
-                }
-
-                scope.focusToggleElement();
-                dropdownService.open(scope);
-            } else {
-                if (self.dropdownMenuTemplateUrl) {
-                    if (templateScope) {
-                        templateScope.$destroy();
-                    }
-                    var newEl = angular.element('<ul class="dropdown-menu"></ul>');
-
-                    self.dropdownMenu.replaceWith(newEl);
-                    self.dropdownMenu = newEl;
-                }
-
-                dropdownService.close(scope);
-                self.selectedOption = null;
-            }
-
-            setIsOpen($scope, isOpen);
-        });
-
-        $scope.$on('$locationChangeSuccess', () => {
-            if (scope.getAutoClose() !== 'disabled') {
-                scope.isOpen = false;
-            }
-        });
-
-        $scope.$on('$destroy', () => {
-            scope.$destroy();
-        });
-    }])
-    .directive('dropdown', () => ({
-        controller: 'DropdownController',
-        link: function link(scope, element, attrs, dropdownCtrl) {
-            dropdownCtrl.init(element);
-            element.addClass('dropdown');
-        }
-    }))
-    .directive('dropdownMenu', () => ({
-        restrict: 'AC',
-        require: '?^dropdown',
-        link: function link(scope, element, attrs, dropdownCtrl) {
-            if (!dropdownCtrl) {
-                return;
-            }
-            var tplUrl = attrs.templateUrl;
-
-            if (tplUrl) {
-                dropdownCtrl.dropdownMenuTemplateUrl = tplUrl;
-            }
-            if (!dropdownCtrl.dropdownMenu) {
-                dropdownCtrl.dropdownMenu = element;
-            }
-        }
-    }))
-    .directive('keyboardNav', () => ({
-        restrict: 'A',
-        require: '?^dropdown',
-        link: function link(scope, element, attrs, dropdownCtrl) {
-            element.bind('keydown', (e) => {
-                if ([38, 40].indexOf(e.which) !== -1) {
-                    e.preventDefault();
-                    e.stopPropagation();
-
-                    var elems = angular.element(element).find('a');
-
-                    switch (e.keyCode) {
-                    case 40:
-                        {
-                            // Down
-                            if (!angular.isNumber(dropdownCtrl.selectedOption)) {
-                                dropdownCtrl.selectedOption = 0;
-                            } else {
-                                dropdownCtrl.selectedOption = dropdownCtrl.selectedOption === elems.length - 1 ? dropdownCtrl.selectedOption : dropdownCtrl.selectedOption + 1;
-                            }
-                        }
-                        break;
-                    case 38:
-                        {
-                            // Up
-                            dropdownCtrl.selectedOption = dropdownCtrl.selectedOption === 0 ? 0 : dropdownCtrl.selectedOption - 1;
-                        }
-                        break;
-                    }
-                    elems[dropdownCtrl.selectedOption].focus();
-                }
-            });
-        }
-
-    }))
-    .directive('dropdownToggle', () => ({
-        require: '?^dropdown',
-        link: function link(scope, element, attrs, dropdownCtrl) {
-            if (!dropdownCtrl) {
-                return;
-            }
-
-            element.addClass('dropdown-toggle');
-
-            dropdownCtrl.toggleElement = element;
-
-            var toggleDropdown = function toggleDropdown(event) {
-                event.preventDefault();
-
-                if (!element.hasClass('disabled') && !attrs.disabled) {
-                    scope.$apply(() => {
-                        dropdownCtrl.toggle();
-                    });
-                }
-            };
-
-            element.bind('click', toggleDropdown);
-
-            // WAI-ARIA
-            element.attr({'aria-haspopup': true, 'aria-expanded': false});
-            scope.$watch(dropdownCtrl.isOpen, (isOpen) => {
-                element.attr('aria-expanded', !!isOpen);
-            });
-
-            scope.$on('$destroy', () => {
-                element.unbind('click', toggleDropdown);
-            });
-        }
-    }));

package/app/scripts/helpers/index.js

@@ -1,13 +0,0 @@
-import './dateparser.helper';
-import './datepicker.helper';
-import './dropdown.helper';
-import './modal.helper';
-import './position.helper';
-import './taginput.helper';
-
-export default angular.module('superdesk-ui.helper', [
-    'superdesk-ui.helper.dropdown',
-    'superdesk-ui.helper.modal',
-    'superdesk-ui.helper.datepicker',
-    'superdesk-ui.helper.ngTagsInput',
-]);