@zeedhi/zd-user-info-common 1.3.5 → 3.0.0

package/dist/user-info-common.esm.js

@@ -1,226 +0,0 @@
-import { Singleton, Messages, Loader, VersionService } from '@zeedhi/core';
-import { ComponentRender } from '@zeedhi/common';
-
-/*! *****************************************************************************
-Copyright (c) Microsoft Corporation.
-
-Permission to use, copy, modify, and/or distribute this software for any
-purpose with or without fee is hereby granted.
-
-THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-PERFORMANCE OF THIS SOFTWARE.
-***************************************************************************** */
-
-function __decorate(decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-}
-
-let UserInfoController = class UserInfoController {
-    constructor(component) {
-        this.component = component;
-    }
-    get showChangeProfile() {
-        const { changeProfile } = this.component.visibleItems;
-        return changeProfile || changeProfile === undefined;
-    }
-    get showLogout() {
-        const { logout } = this.component.visibleItems;
-        return logout || logout === undefined;
-    }
-};
-UserInfoController = __decorate([
-    Singleton
-], UserInfoController);
-
-class UserInfo extends ComponentRender {
-    constructor(props) {
-        super(props);
-        /**
-         * Props to be passed to the ZdAvatar component
-         */
-        this.avatarProps = {};
-        /**
-         * Components to be rendered on the bottom slot
-         */
-        this.bottomSlot = [];
-        /**
-         * Components to be rendered on the center slot
-         */
-        this.centerSlot = [];
-        /**
-         * Components to be rendered on the top slot
-         */
-        this.topSlot = [];
-        /**
-         * User name
-         */
-        this.user = '';
-        /**
-         * User image
-         */
-        this.userImage = '';
-        /**
-        * Designates if menu should close on outside-activator click.
-        */
-        this.closeOnClick = true;
-        /**
-        * Designates if menu should close when its content is clicked.
-        */
-        this.closeOnContentClick = true;
-        /**
-        * Applies position fixed to the dropdown.
-        */
-        this.fixed = false;
-        /**
-        * Components to be rendered on the menu header
-        */
-        this.headerSlot = [];
-        /**
-        * Props to be passed to the ZdImage component (rendered inside the avatar)
-        */
-        this.imageProps = {};
-        /**
-        * Offset the menu on the x-axis.
-        */
-        this.offsetX = false;
-        /**
-        * Offset the menu on the x-axis.
-        */
-        this.offsetY = true;
-        /**
-        * Designates whether menu should open on activator click.
-        */
-        this.openOnClick = true;
-        /**
-        * Designates whether menu should open on activator hover.
-        */
-        this.openOnHover = false;
-        /**
-        * Controls whether the component is visible or hidden.
-        */
-        this.value = false;
-        this.visibleItems = {
-            userName: true,
-            changeProfile: true,
-            logout: true,
-        };
-        /**
-         * Sets the height for the dropdown.
-         */
-        this.height = 'auto';
-        this.user = this.getInitValue('user', props.user, this.user);
-        this.userImage = this.getInitValue('userImage', props.userImage, this.userImage);
-        this.closeOnClick = this.getInitValue('closeOnClick', props.closeOnClick, this.closeOnClick);
-        this.closeOnContentClick = this.getInitValue('closeOnContentClick', props.closeOnContentClick, this.closeOnContentClick);
-        this.fixed = this.getInitValue('fixed', props.fixed, this.fixed);
-        this.offsetX = this.getInitValue('offsetX', props.offsetX, this.offsetX);
-        this.offsetY = this.getInitValue('offsetY', props.offsetY, this.offsetY);
-        this.openOnClick = this.getInitValue('openOnClick', props.openOnClick, this.openOnClick);
-        this.openOnHover = this.getInitValue('openOnHover', props.openOnHover, this.openOnHover);
-        this.value = this.getInitValue('value', props.value, this.value);
-        this.visibleItems = this.getInitValue('visibleItems', props.visibleItems, this.visibleItems);
-        this.height = this.getInitValue('height', props.height, this.height);
-        this.maxHeight = this.getInitValue('maxHeight', props.maxHeight, this.maxHeight);
-        this.minHeight = this.getInitValue('minHeight', props.minHeight, this.minHeight);
-        this.maxWidth = this.getInitValue('maxWidth', props.maxWidth, this.maxWidth);
-        this.minWidth = this.getInitValue('minWidth', props.minWidth, this.minWidth);
-        this.avatarProps = props.avatarProps || this.avatarProps;
-        this.imageProps = props.imageProps || this.imageProps;
-        this.activator = props.activator || this.getActivator();
-        this.bottomSlot = props.bottomSlot || this.bottomSlot;
-        this.propCenterSlot = props.centerSlot;
-        this.topSlot = props.topSlot || this.topSlot;
-        this.headerSlot = props.headerSlot || this.headerSlot;
-        this.createAccessors();
-    }
-    getActivator() {
-        return {
-            name: `${this.name}_activator_tooltip`,
-            component: 'ZdTooltip',
-            bottom: true,
-            label: this.user,
-            children: [
-                Object.assign({ name: `${this.name}_activator`, component: 'ZdAvatar', avatarSlot: [
-                        Object.assign({ name: `${this.name}_image`, component: 'ZdImage', src: this.userImage }, this.imageProps),
-                    ] }, this.avatarProps),
-            ],
-        };
-    }
-    getCenterSlot() {
-        return [
-            {
-                name: `${this.name}_center_list`,
-                component: 'ZdList',
-                dense: true,
-                items: [
-                    {
-                        name: `${this.name}_change_profile`,
-                        component: 'ZdListItem',
-                        title: 'USERINFO_CHANGE_PROFILE',
-                        prependIcon: 'mdi-account',
-                        cssClass: 'zd-px-2',
-                        isVisible: `{{UserInfoController_${this.componentId}.showChangeProfile}}`,
-                        events: {
-                            click: ({ event, element }) => this.onProfileChange(event, element),
-                        },
-                    },
-                    {
-                        name: `${this.name}_logout`,
-                        component: 'ZdListItem',
-                        title: 'USERINFO_LOGOUT',
-                        prependIcon: 'mdi-logout-variant',
-                        cssClass: 'zd-px-2',
-                        isVisible: `{{UserInfoController_${this.componentId}.showLogout}}`,
-                        events: {
-                            click: ({ event, element }) => this.onLogoutClick(event, element),
-                        },
-                    },
-                ],
-            },
-        ];
-    }
-    onLogoutClick(event, element) {
-        this.callEvent('onLogoutClick', { event, element, component: this });
-    }
-    onProfileChange(event, element) {
-        this.callEvent('onProfileChange', { event, element, component: this });
-    }
-    onCreated() {
-        super.onCreated();
-        Loader.addController(`UserInfoController_${this.componentId}`, new UserInfoController(this));
-        this.centerSlot = this.propCenterSlot ? this.propCenterSlot : this.getCenterSlot();
-    }
-}
-Messages.add({
-    'pt-BR': {
-        translation: {
-            USERINFO_CHANGE_PROFILE: 'Alterar perfil',
-            USERINFO_LOGOUT: 'Sair',
-        },
-    },
-    'en-US': {
-        translation: {
-            USERINFO_CHANGE_PROFILE: 'Change profile',
-            USERINFO_LOGOUT: 'Sign out',
-        },
-    },
-    'es-CL': {
-        translation: {
-            USERINFO_CHANGE_PROFILE: 'Cambiar el perfil',
-            USERINFO_LOGOUT: 'Salir',
-        },
-    },
-});
-
-const packageContent = require('../package.json');
-VersionService.addPackageVersion(packageContent.name, packageContent.version);
-
-export { UserInfo };

package/dist/user-info-common.umd.js

@@ -1,233 +0,0 @@
-(function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@zeedhi/core'), require('@zeedhi/common')) :
-    typeof define === 'function' && define.amd ? define(['exports', '@zeedhi/core', '@zeedhi/common'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global["@zeedhi/zd-user-info-common"] = {}, global["@zeedhi/core"], global["@zeedhi/common"]));
-})(this, (function (exports, core, common) { 'use strict';
-
-    /*! *****************************************************************************
-    Copyright (c) Microsoft Corporation.
-
-    Permission to use, copy, modify, and/or distribute this software for any
-    purpose with or without fee is hereby granted.
-
-    THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-    REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-    AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-    INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-    LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-    OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-    PERFORMANCE OF THIS SOFTWARE.
-    ***************************************************************************** */
-
-    function __decorate(decorators, target, key, desc) {
-        var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-        if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-        else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-        return c > 3 && r && Object.defineProperty(target, key, r), r;
-    }
-
-    let UserInfoController = class UserInfoController {
-        constructor(component) {
-            this.component = component;
-        }
-        get showChangeProfile() {
-            const { changeProfile } = this.component.visibleItems;
-            return changeProfile || changeProfile === undefined;
-        }
-        get showLogout() {
-            const { logout } = this.component.visibleItems;
-            return logout || logout === undefined;
-        }
-    };
-    UserInfoController = __decorate([
-        core.Singleton
-    ], UserInfoController);
-
-    class UserInfo extends common.ComponentRender {
-        constructor(props) {
-            super(props);
-            /**
-             * Props to be passed to the ZdAvatar component
-             */
-            this.avatarProps = {};
-            /**
-             * Components to be rendered on the bottom slot
-             */
-            this.bottomSlot = [];
-            /**
-             * Components to be rendered on the center slot
-             */
-            this.centerSlot = [];
-            /**
-             * Components to be rendered on the top slot
-             */
-            this.topSlot = [];
-            /**
-             * User name
-             */
-            this.user = '';
-            /**
-             * User image
-             */
-            this.userImage = '';
-            /**
-            * Designates if menu should close on outside-activator click.
-            */
-            this.closeOnClick = true;
-            /**
-            * Designates if menu should close when its content is clicked.
-            */
-            this.closeOnContentClick = true;
-            /**
-            * Applies position fixed to the dropdown.
-            */
-            this.fixed = false;
-            /**
-            * Components to be rendered on the menu header
-            */
-            this.headerSlot = [];
-            /**
-            * Props to be passed to the ZdImage component (rendered inside the avatar)
-            */
-            this.imageProps = {};
-            /**
-            * Offset the menu on the x-axis.
-            */
-            this.offsetX = false;
-            /**
-            * Offset the menu on the x-axis.
-            */
-            this.offsetY = true;
-            /**
-            * Designates whether menu should open on activator click.
-            */
-            this.openOnClick = true;
-            /**
-            * Designates whether menu should open on activator hover.
-            */
-            this.openOnHover = false;
-            /**
-            * Controls whether the component is visible or hidden.
-            */
-            this.value = false;
-            this.visibleItems = {
-                userName: true,
-                changeProfile: true,
-                logout: true,
-            };
-            /**
-             * Sets the height for the dropdown.
-             */
-            this.height = 'auto';
-            this.user = this.getInitValue('user', props.user, this.user);
-            this.userImage = this.getInitValue('userImage', props.userImage, this.userImage);
-            this.closeOnClick = this.getInitValue('closeOnClick', props.closeOnClick, this.closeOnClick);
-            this.closeOnContentClick = this.getInitValue('closeOnContentClick', props.closeOnContentClick, this.closeOnContentClick);
-            this.fixed = this.getInitValue('fixed', props.fixed, this.fixed);
-            this.offsetX = this.getInitValue('offsetX', props.offsetX, this.offsetX);
-            this.offsetY = this.getInitValue('offsetY', props.offsetY, this.offsetY);
-            this.openOnClick = this.getInitValue('openOnClick', props.openOnClick, this.openOnClick);
-            this.openOnHover = this.getInitValue('openOnHover', props.openOnHover, this.openOnHover);
-            this.value = this.getInitValue('value', props.value, this.value);
-            this.visibleItems = this.getInitValue('visibleItems', props.visibleItems, this.visibleItems);
-            this.height = this.getInitValue('height', props.height, this.height);
-            this.maxHeight = this.getInitValue('maxHeight', props.maxHeight, this.maxHeight);
-            this.minHeight = this.getInitValue('minHeight', props.minHeight, this.minHeight);
-            this.maxWidth = this.getInitValue('maxWidth', props.maxWidth, this.maxWidth);
-            this.minWidth = this.getInitValue('minWidth', props.minWidth, this.minWidth);
-            this.avatarProps = props.avatarProps || this.avatarProps;
-            this.imageProps = props.imageProps || this.imageProps;
-            this.activator = props.activator || this.getActivator();
-            this.bottomSlot = props.bottomSlot || this.bottomSlot;
-            this.propCenterSlot = props.centerSlot;
-            this.topSlot = props.topSlot || this.topSlot;
-            this.headerSlot = props.headerSlot || this.headerSlot;
-            this.createAccessors();
-        }
-        getActivator() {
-            return {
-                name: `${this.name}_activator_tooltip`,
-                component: 'ZdTooltip',
-                bottom: true,
-                label: this.user,
-                children: [
-                    Object.assign({ name: `${this.name}_activator`, component: 'ZdAvatar', avatarSlot: [
-                            Object.assign({ name: `${this.name}_image`, component: 'ZdImage', src: this.userImage }, this.imageProps),
-                        ] }, this.avatarProps),
-                ],
-            };
-        }
-        getCenterSlot() {
-            return [
-                {
-                    name: `${this.name}_center_list`,
-                    component: 'ZdList',
-                    dense: true,
-                    items: [
-                        {
-                            name: `${this.name}_change_profile`,
-                            component: 'ZdListItem',
-                            title: 'USERINFO_CHANGE_PROFILE',
-                            prependIcon: 'mdi-account',
-                            cssClass: 'zd-px-2',
-                            isVisible: `{{UserInfoController_${this.componentId}.showChangeProfile}}`,
-                            events: {
-                                click: ({ event, element }) => this.onProfileChange(event, element),
-                            },
-                        },
-                        {
-                            name: `${this.name}_logout`,
-                            component: 'ZdListItem',
-                            title: 'USERINFO_LOGOUT',
-                            prependIcon: 'mdi-logout-variant',
-                            cssClass: 'zd-px-2',
-                            isVisible: `{{UserInfoController_${this.componentId}.showLogout}}`,
-                            events: {
-                                click: ({ event, element }) => this.onLogoutClick(event, element),
-                            },
-                        },
-                    ],
-                },
-            ];
-        }
-        onLogoutClick(event, element) {
-            this.callEvent('onLogoutClick', { event, element, component: this });
-        }
-        onProfileChange(event, element) {
-            this.callEvent('onProfileChange', { event, element, component: this });
-        }
-        onCreated() {
-            super.onCreated();
-            core.Loader.addController(`UserInfoController_${this.componentId}`, new UserInfoController(this));
-            this.centerSlot = this.propCenterSlot ? this.propCenterSlot : this.getCenterSlot();
-        }
-    }
-    core.Messages.add({
-        'pt-BR': {
-            translation: {
-                USERINFO_CHANGE_PROFILE: 'Alterar perfil',
-                USERINFO_LOGOUT: 'Sair',
-            },
-        },
-        'en-US': {
-            translation: {
-                USERINFO_CHANGE_PROFILE: 'Change profile',
-                USERINFO_LOGOUT: 'Sign out',
-            },
-        },
-        'es-CL': {
-            translation: {
-                USERINFO_CHANGE_PROFILE: 'Cambiar el perfil',
-                USERINFO_LOGOUT: 'Salir',
-            },
-        },
-    });
-
-    const packageContent = require('../package.json');
-    core.VersionService.addPackageVersion(packageContent.name, packageContent.version);
-
-    exports.UserInfo = UserInfo;
-
-    Object.defineProperty(exports, '__esModule', { value: true });
-
-}));

package/types/index.d.ts

@@ -1,2 +0,0 @@
-export * from './user-info';
-export * from './interfaces';