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

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

@@ -0,0 +1,230 @@
+var Z = Object.create;
+var P = Object.defineProperty;
+var T = Object.getOwnPropertyDescriptor;
+var U = (e, i) => (i = Symbol[e]) ? i : Symbol.for("Symbol." + e), C = (e) => {
+  throw TypeError(e);
+};
+var R = (e, i, t) => i in e ? P(e, i, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[i] = t;
+var L = (e, i) => P(e, "name", { value: i, configurable: !0 });
+var N = (e) => [, , , Z((e == null ? void 0 : e[U("metadata")]) ?? null)], F = ["class", "method", "getter", "setter", "accessor", "field", "value", "get", "set"], I = (e) => e !== void 0 && typeof e != "function" ? C("Function expected") : e, X = (e, i, t, n, h) => ({ kind: F[e], name: i, metadata: n, addInitializer: (a) => t._ ? C("Already initialized") : h.push(I(a || null)) }), Y = (e, i) => R(i, U("metadata"), e[3]), W = (e, i, t, n) => {
+  for (var h = 0, a = e[i >> 1], g = a && a.length; h < g; h++) i & 1 ? a[h].call(t) : n = a[h].call(t, n);
+  return n;
+}, A = (e, i, t, n, h, a) => {
+  var g, r, x, u, f, o = i & 7, O = !!(i & 8), c = !!(i & 16), v = o > 3 ? e.length + 1 : o ? O ? 1 : 2 : 0, H = F[o + 5], E = o > 3 && (e[v - 1] = []), G = e[v] || (e[v] = []), m = o && (!c && !O && (h = h.prototype), o < 5 && (o > 3 || !c) && T(o < 4 ? h : { get [t]() {
+    return V(this, a);
+  }, set [t](l) {
+    return b(this, a, l);
+  } }, t));
+  o ? c && o < 4 && L(a, (o > 2 ? "set " : o > 1 ? "get " : "") + t) : L(h, t);
+  for (var S = n.length - 1; S >= 0; S--)
+    u = X(o, t, x = {}, e[3], G), o && (u.static = O, u.private = c, f = u.access = { has: c ? (l) => w(h, l) : (l) => t in l }, o ^ 3 && (f.get = c ? (l) => (o ^ 1 ? V : z)(l, h, o ^ 4 ? a : m.get) : (l) => l[t]), o > 2 && (f.set = c ? (l, _) => b(l, h, _, o ^ 4 ? a : m.set) : (l, _) => l[t] = _)), r = (0, n[S])(o ? o < 4 ? c ? a : m[H] : o > 4 ? void 0 : { get: m.get, set: m.set } : h, u), x._ = 1, o ^ 4 || r === void 0 ? I(r) && (o > 4 ? E.unshift(r) : o ? c ? a = r : m[H] = r : h = r) : typeof r != "object" || r === null ? C("Object expected") : (I(g = r.get) && (m.get = g), I(g = r.set) && (m.set = g), I(g = r.init) && E.unshift(g));
+  return o || Y(e, h), m && P(h, t, m), c ? o ^ 4 ? a : m : h;
+}, s = (e, i, t) => R(e, typeof i != "symbol" ? i + "" : i, t), k = (e, i, t) => i.has(e) || C("Cannot " + t), w = (e, i) => Object(i) !== i ? C('Cannot use the "in" operator on this value') : e.has(i), V = (e, i, t) => (k(e, i, "read from private field"), t ? t.call(e) : i.get(e));
+var b = (e, i, t, n) => (k(e, i, "write to private field"), n ? n.call(e, t) : i.set(e, t), t), z = (e, i, t) => (k(e, i, "access private method"), t);
+import { ComponentRender as B } from "@zeedhi/common";
+import { Singleton as M, Messages as j, Loader as q } from "@zeedhi/core";
+var $, p;
+$ = [M];
+class d {
+  constructor(i) {
+    s(this, "component");
+    this.component = i;
+  }
+  get showChangeProfile() {
+    const { changeProfile: i } = this.component.visibleItems;
+    return i || i === void 0;
+  }
+  get showLogout() {
+    const { logout: i } = this.component.visibleItems;
+    return i || i === void 0;
+  }
+}
+p = N(null), d = A(p, 0, "UserInfoController", $, d), W(p, 1, d);
+class K extends B {
+  constructor(t) {
+    super(t);
+    /**
+     * Dropdown activator
+     */
+    s(this, "activator");
+    /**
+     * Props to be passed to the ZdAvatar component
+     */
+    s(this, "avatarProps", {});
+    /**
+     * Components to be rendered on the bottom slot
+     */
+    s(this, "bottomSlot", []);
+    /**
+     * Components to be rendered on the center slot
+     */
+    s(this, "centerSlot", []);
+    /**
+     * Components to be rendered on the top slot
+     */
+    s(this, "topSlot", []);
+    /**
+     * User name
+     */
+    s(this, "user", "");
+    /**
+     * User image
+     */
+    s(this, "userImage", "");
+    /**
+    * Designates if menu should close on outside-activator click.
+    */
+    s(this, "closeOnClick", !0);
+    /**
+    * Designates if menu should close when its content is clicked.
+    */
+    s(this, "closeOnContentClick", !0);
+    /**
+    * Applies position fixed to the dropdown.
+    */
+    s(this, "fixed", !1);
+    /**
+    * Components to be rendered on the menu header
+    */
+    s(this, "headerSlot", []);
+    /**
+    * Props to be passed to the ZdImage component (rendered inside the avatar)
+    */
+    s(this, "imageProps", {});
+    /**
+    * Offset the menu on the x-axis.
+    */
+    s(this, "offsetX", !1);
+    /**
+    * Offset the menu on the x-axis.
+    */
+    s(this, "offsetY", !0);
+    /**
+    * Designates whether menu should open on activator click.
+    */
+    s(this, "openOnClick", !0);
+    /**
+    * Designates whether menu should open on activator hover.
+    */
+    s(this, "openOnHover", !1);
+    /**
+    * Controls whether the component is visible or hidden.
+    */
+    s(this, "value", !1);
+    s(this, "visibleItems", {
+      userName: !0,
+      changeProfile: !0,
+      logout: !0
+    });
+    /**
+     * Sets the height for the dropdown.
+     */
+    s(this, "height", "auto");
+    /**
+     * Sets the maximum height for the dropdown.
+     */
+    s(this, "maxHeight");
+    /**
+     * Sets the maximum width for the dropdown.
+     */
+    s(this, "maxWidth");
+    /**
+     * Sets the minimum height for the dropdown.
+     */
+    s(this, "minHeight");
+    /**
+     * Sets the minimum width for the dropdown.
+     */
+    s(this, "minWidth");
+    s(this, "propCenterSlot");
+    this.user = this.getInitValue("user", t.user, this.user), this.userImage = this.getInitValue("userImage", t.userImage, this.userImage), this.closeOnClick = this.getInitValue("closeOnClick", t.closeOnClick, this.closeOnClick), this.closeOnContentClick = this.getInitValue("closeOnContentClick", t.closeOnContentClick, this.closeOnContentClick), this.fixed = this.getInitValue("fixed", t.fixed, this.fixed), this.offsetX = this.getInitValue("offsetX", t.offsetX, this.offsetX), this.offsetY = this.getInitValue("offsetY", t.offsetY, this.offsetY), this.openOnClick = this.getInitValue("openOnClick", t.openOnClick, this.openOnClick), this.openOnHover = this.getInitValue("openOnHover", t.openOnHover, this.openOnHover), this.value = this.getInitValue("value", t.value, this.value), this.visibleItems = this.getInitValue("visibleItems", t.visibleItems, this.visibleItems), this.height = this.getInitValue("height", t.height, this.height), this.maxHeight = this.getInitValue("maxHeight", t.maxHeight, this.maxHeight), this.minHeight = this.getInitValue("minHeight", t.minHeight, this.minHeight), this.maxWidth = this.getInitValue("maxWidth", t.maxWidth, this.maxWidth), this.minWidth = this.getInitValue("minWidth", t.minWidth, this.minWidth), this.avatarProps = t.avatarProps || this.avatarProps, this.imageProps = t.imageProps || this.imageProps, this.activator = t.activator || this.getActivator(), this.bottomSlot = t.bottomSlot || this.bottomSlot, this.propCenterSlot = t.centerSlot, this.topSlot = t.topSlot || this.topSlot, this.headerSlot = t.headerSlot || this.headerSlot, this.createAccessors();
+  }
+  getActivator() {
+    return {
+      name: `${this.name}_activator_tooltip`,
+      component: "ZdTooltip",
+      bottom: !0,
+      label: this.user,
+      children: [
+        {
+          name: `${this.name}_activator`,
+          component: "ZdAvatar",
+          avatarSlot: [
+            {
+              name: `${this.name}_image`,
+              component: "ZdImage",
+              src: this.userImage,
+              ...this.imageProps
+            }
+          ],
+          ...this.avatarProps
+        }
+      ]
+    };
+  }
+  getCenterSlot() {
+    return [
+      {
+        name: `${this.name}_center_list`,
+        component: "ZdList",
+        dense: !0,
+        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: t, element: n }) => this.onProfileChange(t, n)
+            }
+          },
+          {
+            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: t, element: n }) => this.onLogoutClick(t, n)
+            }
+          }
+        ]
+      }
+    ];
+  }
+  onLogoutClick(t, n) {
+    this.callEvent("onLogoutClick", { event: t, element: n, component: this });
+  }
+  onProfileChange(t, n) {
+    this.callEvent("onProfileChange", { event: t, element: n, component: this });
+  }
+  onCreated() {
+    super.onCreated(), q.addController(`UserInfoController_${this.componentId}`, d, [this]), this.centerSlot = this.propCenterSlot ? this.propCenterSlot : this.getCenterSlot();
+  }
+}
+j.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"
+    }
+  }
+});
+export {
+  K as UserInfo
+};

package/package.json

@@ -1,27 +1,41 @@
 {
   "name": "@zeedhi/zd-user-info-common",
-  "version": "1.3.5",
-  "description": "Implementation of UserInfo componente using Zeedhi Next",
-  "main": "dist/user-info-common.umd.js",
-  "module": "dist/user-info-common.esm.js",
-  "typings": "types/index.d.ts",
+  "version": "3.0.1",
+  "type": "module",
+  "files": [
+    "dist"
+  ],
   "publishConfig": {
     "access": "public"
   },
-  "scripts": {
-    "build": "rollup -c",
-    "lint": "eslint . --fix --ext .ts",
-    "test": "jest",
-    "watch": "npm run build -- -w"
+  "module": "./dist/user-info-common.es.js",
+  "types": "./dist/types/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/user-info-common.es.js",
+      "types": "./dist/types/index.d.ts"
+    }
   },
-  "devDependencies": {
-    "@types/jest": "26.0.*",
-    "jest": "26.6.*",
-    "ts-jest": "26.5.*"
+  "scripts": {
+    "dev": "vite",
+    "build": "tsc && vite build",
+    "test": "vitest run --coverage",
+    "test:watch": "vitest"
   },
   "peerDependencies": {
-    "@zeedhi/common": "^1.57.0",
-    "@zeedhi/core": "^1.57.0"
+    "@zeedhi/common": "^3.0.0",
+    "@zeedhi/core": "^3.0.0"
+  },
+  "devDependencies": {
+    "@types/node": "^22.10.2",
+    "@vitest/coverage-v8": "^2.1.8",
+    "@zeedhi/common": "^3.0.0",
+    "@zeedhi/core": "^3.0.0",
+    "jsdom": "^25.0.1",
+    "typescript": "~5.6.2",
+    "vite": "^5.4.0",
+    "vite-plugin-dts": "^4.3.0",
+    "vitest": "^2.1.8"
   },
-  "gitHead": "dd2dd140aed771097306d0d5a454ff41ce667bf9"
+  "gitHead": "2c2a25056f4faa91cf3d7a3227050ccde64d4fee"
 }

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 };