npm - superdesk-ui-framework - Versions diffs - 4.0.52 → 4.0.54 - Mend

superdesk-ui-framework 4.0.52 → 4.0.54

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (373) hide show

package/examples/index.html DELETED Viewed

@@ -1,11 +0,0 @@
-<!DOCTYPE html>
-<html dir="auto" lang="en">
-    <head>
-        <meta charset="UTF-8">
-        <title>Superdesk UI Framework</title>
-        <link rel="icon" type="image/x-icon" href="favicon.ico" />
-    </head>
-    <body>
-        <div class="docs-page" ng-app="ui-docs" doc-playground ng-view></div>
-    </body>
-</html>

package/examples/index.js DELETED Viewed

@@ -1,468 +0,0 @@
-/* eslint-disable */
-import 'angular-route';
-import 'code-prettify/src/prettify';
-import 'code-prettify/styles/sons-of-obsidian.css';
-import 'prismjs/themes/prism-tomorrow.css';
-import 'prismjs/plugins/line-numbers/prism-line-numbers.css';
-import './css/reset.css';
-import './css/docs-page.css';
-import './js/doc';
-export default angular
-    .module('ui-docs', ['ngRoute', 'superdesk-ui', 'ui-docs.directives'])
-    .config([
-        '$locationProvider',
-        function ($locationProvider) {
-            return $locationProvider.hashPrefix('');
-        },
-    ])
-    .factory('components', () => ({
-        basicComponents: {
-            name: 'Basic Components',
-            items: {
-                buttons: {
-                    name: 'Buttons',
-                    page: 'buttons.html',
-                },
-                labels: {
-                    name: 'Labels',
-                    page: 'labels.html',
-                },
-                badge: {
-                    name: 'Badge',
-                    page: 'badge.html',
-                },
-                'tag-labels': {
-                    name: 'Tag labels',
-                    page: 'tag-labels.html',
-                },
-                'icon-labels': {
-                    name: 'Icon labels',
-                    page: 'icon-labels.html',
-                },
-                alerts: {
-                    name: 'Alerts',
-                    page: 'alerts.html',
-                },
-                dropdown: {
-                    name: 'Dropdown',
-                    page: 'dropdown.html',
-                },
-                tooltips: {
-                    name: 'Tooltips',
-                    page: 'tooltips.html',
-                },
-                tables: {
-                    name: 'Tables',
-                    page: 'tables.html',
-                },
-                'panel-info': {
-                    name: 'Panel info',
-                    page: 'panel-info.html',
-                },
-                slider: {
-                    name: 'Slider control',
-                    page: 'slider.html',
-                },
-                loader: {
-                    name: 'Animated loader',
-                    page: 'loader.html',
-                },
-            },
-        },
-        navigation: {
-            name: 'Navigation',
-            items: {
-                tabs: {
-                    name: 'Tabs',
-                    page: 'tabs.html',
-                },
-                'left-nav': {
-                    name: 'Left navigation',
-                    page: 'left-nav.html',
-                },
-                'vertical-tabs': {
-                    name: 'Vertical tabs',
-                    page: 'vertical-tabs.html',
-                },
-            },
-        },
-        formElements: {
-            name: 'Form elements',
-            items: {
-                input: {
-                    name: 'Inputs',
-                    page: 'input.html',
-                },
-                select: {
-                    name: 'Select',
-                    page: 'select.html',
-                },
-                'tag-input': {
-                    name: 'Tag Input',
-                    page: 'tag-input.html',
-                },
-                checkbox: {
-                    name: 'Checkbox',
-                    page: 'checkbox.html',
-                },
-                radio: {
-                    name: 'Radio',
-                    page: 'radio.html',
-                },
-                switch: {
-                    name: 'Switch',
-                    page: 'switch.html',
-                },
-                'form-layout': {
-                    name: 'Form layout',
-                    page: 'form-layout.html',
-                },
-                'other-elements': {
-                    name: 'Other form elements',
-                    page: 'other-elements.html',
-                },
-            },
-        },
-        containers: {
-            name: 'Containers',
-            items: {
-                modals: {
-                    name: 'Modals',
-                    page: 'modals.html',
-                },
-                wizard: {
-                    name: 'Wizard',
-                    page: 'wizard.html',
-                },
-                carousel: {
-                    name: 'Carousel',
-                    page: 'carousel.html',
-                },
-            },
-        },
-        layout: {
-            name: 'Layout',
-            items: {
-                'basic-grid': {
-                    name: 'Basic grid',
-                    page: 'basic-grid.html',
-                },
-                'layout-grid': {
-                    name: 'Layout grid',
-                    page: 'layout-grid.html',
-                },
-            },
-        },
-        layoutElements: {
-            name: 'Layout elements',
-            items: {
-                'list-item': {
-                    name: 'List item',
-                    page: 'list-item.html',
-                },
-                'simple-list': {
-                    name: 'Simple list',
-                    page: 'simple-list.html',
-                },
-                toggle: {
-                    name: 'Toggle box',
-                    page: 'toggle.html',
-                },
-            },
-        },
-        general: {
-            name: 'General',
-            items: {
-                icons: {
-                    name: 'Icon font',
-                    page: 'icons.html',
-                },
-                'big-icons': {
-                    name: 'Big icon font',
-                    page: 'big-icons.html',
-                },
-                colors: {
-                    name: 'Colors',
-                    page: 'colors.html',
-                },
-            },
-        },
-        helpers: {
-            name: 'Helper classes',
-            items: {
-                spacing: {
-                    name: 'Spacing',
-                    page: 'spacing.html',
-                },
-                text: {
-                    name: 'Text helpers',
-                    page: 'text.html',
-                },
-                shadows: {
-                    name: 'Shadows',
-                    page: 'shadows.html',
-                },
-            },
-        },
-    }))
-    .factory('design', () => ({
-        basicComponents: {
-            name: 'Basic Components',
-            items: {
-                buttons: {
-                    name: 'Buttons',
-                    page: 'buttons.html',
-                },
-                'checkbox-and-radio': {
-                    name: 'Checkbox & Radio',
-                    page: 'checkbox-and-radio.html',
-                },
-                switch: {
-                    name: 'Switch',
-                    page: 'switch.html',
-                },
-            },
-        },
-        layoutComponents: {
-            name: 'Layout',
-            items: {
-                'layout-principles': {
-                    name: 'Layout principles',
-                    page: 'layout-principles.html',
-                },
-                'application-structure': {
-                    name: 'Main application structure',
-                    page: 'application-structure.html',
-                },
-                pages: {
-                    name: 'Page layouts',
-                    page: 'pages.html',
-                },
-                modules: {
-                    name: 'Modules',
-                    page: 'modules.html',
-                },
-            },
-        },
-    }))
-    .factory('playgrounds', () => ({
-        // React playgrounds
-        react: {
-            'first-playground': {
-                name: 'First playground',
-                component: 'FirstPlayground',
-            },
-            'sams-playground': {
-                name: 'SAMS',
-                component: 'SamsPlayground',
-            },
-            'test-ground': {
-                name: 'Test Ground',
-                component: 'TestGround',
-            },
-            'ui-playground': {
-                name: 'UI',
-                component: 'UiPlayground',
-            },
-            'pagelayout-test': {
-                name: 'PageLayout Test',
-                component: 'PageLayoutTest',
-            },
-            'editor-test': {
-                name: 'Editor Layout Test',
-                component: 'EditorTest',
-            },
-            'personal-profile': {
-                name: 'Personal Profile',
-                component: 'PersonalProfile',
-            },
-            'rundown-editor': {
-                name: 'Rundown Editor',
-                component: 'RundownEditor',
-            },
-            rundowns: {
-                name: 'Rundowns',
-                component: 'Rundowns',
-            },
-            'core-layout': {
-                name: 'Core Layout',
-                component: 'CoreLayout',
-            },
-            multiedit: {
-                name: 'Multiedit',
-                component: 'Multiedit',
-            },
-        },
-        // Publisher playgrounds
-        publisher: {
-            'publisher-dashboard': {
-                name: 'Dashboard',
-                page: 'publisher-dashboard.html',
-            },
-            'publisher-content-lists': {
-                name: 'Content Lists',
-                page: 'publisher-content-lists.html',
-            },
-            'publisher-content-list-manual': {
-                name: 'Content List - Manual',
-                page: 'publisher-content-list-manual.html',
-            },
-            'publisher-content-list-automatic': {
-                name: 'Content List - Automatic',
-                page: 'publisher-content-list-automatic.html',
-            },
-            'publisher-output-control': {
-                name: 'Output Control',
-                page: 'publisher-output-control.html',
-            },
-            'publisher-content-analytics': {
-                name: 'Content Analytics',
-                page: 'publisher-content-analytics.html',
-            },
-            'publisher-website-settings': {
-                name: 'Website Settings',
-                page: 'publisher-website-settings.html',
-            },
-            'publisher-website-settings-general': {
-                name: 'Website Settings - General',
-                page: 'publisher-website-settings-general.html',
-            },
-        },
-        // Superdesk playgrounds
-        archived: {
-            planning: {
-                name: 'Planning',
-                page: 'buttons.html',
-            },
-            'layout-grid': {
-                name: 'Layout Grid',
-                page: 'layout-grid.html',
-            },
-            cards: {
-                name: 'Cards',
-                page: 'cards.html',
-            },
-            'side-navigation': {
-                name: 'Side Navigation',
-                page: 'side-navigation.html',
-            },
-            'list-item-test': {
-                name: 'List Item Test',
-                page: 'list-item-test.html',
-            },
-            settings: {
-                name: 'Settings',
-                page: 'settings.html',
-            },
-            'photo-desk': {
-                name: 'Photo Desk',
-                page: 'photo-desk.html',
-            },
-            'media-carousel': {
-                name: 'Media Carousel',
-                page: 'media-carousel.html',
-            },
-            'tags-input': {
-                name: 'Tags Input',
-                page: 'tags-input.html',
-            },
-            'circular-progress': {
-                name: 'Circular Progress',
-                page: 'circular-progress.html',
-            },
-            publish: {
-                name: 'Publish Pane',
-                page: 'publish.html',
-            },
-            'swimlane-view': {
-                name: 'Swimlane View',
-                page: 'swimlane-view.html',
-            },
-            'layout-test-2': {
-                name: 'Layout Test',
-                page: 'layout-test-2.html',
-            },
-            toasts: {
-                name: 'Toasts',
-                page: 'toasts.html',
-            },
-            'form-layout': {
-                name: 'Form layout',
-                page: 'form-layout.html',
-            },
-            'boxed-list': {
-                name: 'Boxed-list',
-                page: 'boxed-list.html',
-            },
-            'video-editor': {
-                name: 'Video editor',
-                page: 'video-editor.html',
-            },
-            'nav-buttons': {
-                name: 'Nav buttons',
-                page: 'nav-buttons.html',
-            },
-            'accessible-theme-test': {
-                name: 'Accessible theme',
-                page: 'accessible-theme-test.html',
-            },
-            'master-desk': {
-                name: 'Master Desk',
-                page: 'master-desk.html',
-            },
-            'editor-3-test': {
-                name: 'Editor grid',
-                page: 'editor-3-test.html',
-            },
-        },
-    }))
-    .config(($routeProvider) => {
-        $routeProvider
-            .when('/', {
-                title: 'Main',
-                template: require('../examples/pages/main.html'),
-            })
-            .when('/design', {
-                template: require('../examples/pages/design.html'),
-            })
-            .when('/design/:name*', {
-                template: require('../examples/pages/design.html'),
-            })
-            .when('/components', {
-                template: require('../examples/pages/components.html'),
-            })
-            .when('/components/:name*', {
-                template: require('../examples/pages/components.html'),
-            })
-            .when('/design-patterns', {
-                template: require('../examples/pages/design-patterns.html'),
-            })
-            .when('/design-patterns/:name*', {
-                template: require('../examples/pages/design-patterns.html'),
-            })
-            .when('/playgrounds', {
-                template: require('../examples/pages/playgrounds.html'),
-            })
-            .when('/playgrounds/react/:name*', {
-                template: '<doc-react-playground />',
-            })
-            .when('/playgrounds/:name*', {
-                template: function (urlattr) {
-                    return require('../examples/pages/playgrounds/' + urlattr.name + '.html');
-                },
-            })
-            .otherwise({redirectTo: '/'});
-    })
-    .run(function ($rootScope, $route) {
-        $rootScope.$route = $route;
-    });

package/examples/js/doc.js DELETED Viewed

@@ -1,230 +0,0 @@
-/* eslint-disable */
-/* global _, PR */
-import {ReactDoc, ReactPlayground, ReactThemePicker} from './../pages/components/Index';
-import {DesignPatternsDoc} from './../pages/design-patterns/Index';
-import {HashRouter} from 'react-router-dom';
-import React from 'react';
-import ReactDOM from 'react-dom';
-import app from '../../package.json';
-docPrettyPrint.$inject = [];
-function docPrettyPrint() {
-    return {
-        restrict: 'C',
-        link: function (scope, element, attrs) {
-            // Remove leading whitespaces
-            var str = element[0].innerHTML;
-            var pos = 0;
-            var sum = 0;
-            while (str.charCodeAt(pos) === 32) {
-                sum = sum + 1;
-                pos = pos + 1;
-            }
-            var pattern = '\\s{' + sum + '}';
-            var spaces = new RegExp(pattern, 'g');
-            element[0].innerHTML = str.replace(spaces, '\n');
-            // Remove ng-non-bindable from code
-            element.find('[ng-non-bindable=""]').each(function (i, val) {
-                $(val).removeAttr('ng-non-bindable');
-            });
-            var langExtension = attrs['class'].match(/\blang(?:uage)?-([\w.]+)(?!\S)/);
-            if (langExtension) {
-                langExtension = langExtension[1];
-            }
-            element.html(PR.prettyPrintOne(_.escape(element.html()), langExtension, true));
-        },
-    };
-}
-docPlayground.$inject = ['components', 'design', 'playgrounds', '$route'];
-function docPlayground(components, design, playgrounds, $route) {
-    return {
-        link: function link(scope) {
-            scope.version = app.version;
-            scope.components = components;
-            scope.design = design;
-            scope.playgrounds = playgrounds;
-            scope.page = $route.current.params.name;
-            scope.items = [{name: 'just'}, {name: 'some'}, {name: 'cool'}, {name: 'tags'}];
-            scope.freeItems = ['Audi', 'BMW', 'Opel', 'Hyundai'];
-            scope.console = function (...data) {
-                console.log(...data);
-            };
-        },
-    };
-}
-docTabs.$inject = [];
-function docTabs() {
-    return {
-        link: function link(scope, elem, attr, ctrl) {
-            elem.find('.docs-page__window-bar')
-                .children('a')
-                .click(function (e) {
-                    e.preventDefault();
-                    $(this).addClass('active').siblings().removeClass('active');
-                    elem.find('.docs-page__code-' + $(this).attr('id'))
-                        .show()
-                        .siblings()
-                        .hide();
-                });
-        },
-    };
-}
-docNav.$inject = ['components', '$rootScope'];
-function docNav(components, $rootScope) {
-    return {
-        link: function link(scope, elem, attr, ctrl) {
-            scope.isActive = (route) => {
-                return $rootScope.$route.current && $rootScope.$route.current.params.name === route;
-            };
-        },
-    };
-}
-docModal.$inject = ['$modal'];
-function docModal($modal) {
-    return {
-        link: function link(scope) {
-            scope.modalActive = false;
-            scope.openModal = function (obj) {
-                scope[obj] = true;
-            };
-            scope.closeModal = function (obj) {
-                scope[obj] = false;
-            };
-            var modal;
-            scope.openTemplateModal = function () {
-                modal = $modal.open({
-                    template: require('../pages/components_deprecated/modal-template.html'),
-                    controller: docModalController,
-                    size: 'large',
-                });
-            };
-            scope.close = function () {
-                modal.close('cancel');
-            };
-            function docModalController($scope) {
-                $scope.data = 'Element binded inside controller';
-            }
-            scope.openCarousel = function () {
-                scope.carouselActive = true;
-            };
-            scope.hideCarousel = function () {
-                scope.carouselActive = false;
-            };
-        },
-    };
-}
-docReact.$inject = [];
-function docReact() {
-    return {
-        link: function (scope, elem) {
-            ReactDOM.render(
-                <HashRouter>
-                    <ReactDoc />
-                </HashRouter>,
-                elem[0],
-            );
-        },
-    };
-}
-docDesignPatterns.$inject = [];
-function docDesignPatterns() {
-    return {
-        link: function (scope, elem) {
-            ReactDOM.render(
-                <HashRouter>
-                    <DesignPatternsDoc />
-                </HashRouter>,
-                elem[0],
-            );
-        },
-    };
-}
-docReactPlayground.$inject = ['playgrounds'];
-function docReactPlayground(playgrounds) {
-    return {
-        link: function (scope, elem) {
-            ReactDOM.render(
-                <HashRouter>
-                    <ReactPlayground playgrounds={playgrounds.react} />
-                </HashRouter>,
-                elem[0],
-            );
-        },
-    };
-}
-docThemePicker.$inject = [];
-function docThemePicker() {
-    return {
-        link: function (scope, elem) {
-            ReactDOM.render(<ReactThemePicker />, elem[0]);
-        },
-    };
-}
-docGifImg.$inject = [];
-function docGifImg() {
-    return {
-        scope: {
-            src: '@',
-        },
-        template: '<img src="{{activeImage}}" ng-click="playGif()" />',
-        link: function (scope) {
-            scope.image = scope.src.replace('.gif', '.png');
-            scope.animation = scope.src;
-            // Default settings
-            scope.played = false;
-            scope.activeImage = scope.image;
-            scope.playGif = () => {
-                if (scope.played) {
-                    scope.activeImage = scope.image;
-                    scope.played = false;
-                } else {
-                    scope.activeImage = scope.animation;
-                    scope.played = true;
-                }
-            };
-        },
-    };
-}
-export default angular
-    .module('ui-docs.directives', [])
-    .directive('prettyprint', docPrettyPrint)
-    .directive('docPlayground', docPlayground)
-    .directive('docTabs', docTabs)
-    .directive('docNav', docNav)
-    .directive('docModal', docModal)
-    .directive('docReact', docReact)
-    .directive('docDesignPatterns', docDesignPatterns)
-    .directive('docReactPlayground', docReactPlayground)
-    .directive('docThemePicker', docThemePicker)
-    .directive('docGifImg', docGifImg);