@amateescu/portal-ui-components 0.0.13-beta0 → 0.0.13-beta1

package/dist/assets/UserInfoDropdown.css

@@ -0,0 +1 @@
+._avatar_1q3yh_1{background-color:#41b06e;vertical-align:middle;text-transform:uppercase}._pointer_1q3yh_7{cursor:pointer}._flexRowCenter_1q3yh_11{display:flex;flex-direction:row;align-content:center;align-items:center}._userTitle_1q3yh_18{font-size:12px;color:#626367;margin-left:10px}[dir=rtl] ._userTitle_1q3yh_18{margin-right:10px}

package/dist/components/UserInfoDropdown/UserInfoDropdown.js

@@ -1,12 +1,12 @@
 import { jsx as he, jsxs as Ft } from "react/jsx-runtime";
 import * as a from "react";
-import gt, { useRef as Ie, forwardRef as De, useImperativeHandle as ft, useContext as Ke, useState as Ze, useEffect as Te, createContext as Gt } from "react";
-import qt from "../../utils/cn.js";
+import gt, { useRef as Ie, forwardRef as De, useImperativeHandle as ft, useContext as Ke, useState as Ze, useEffect as Te, createContext as qt } from "react";
+import Gt from "../../utils/cn.js";
 import { a as Ee } from "../../objectWithoutPropertiesLoose-CIT-1_kH.js";
 import { I as He, D as Yt, K as re, R as Ae, a1 as Ut, g as le, m as ae, s as ge, u as B, a2 as Kt, C as J, z as Zt, r as fe, y as Pe, c as M, k as Qt, b as Jt, _ as Qe, p as Le, q as vt, h as eo, t as ke, o as ve, a9 as to, j as oo, aa as no, v as ro, A as Je, ab as io, ac as et, i as bt, ad as ao, x as tt } from "../../useId-D0OLY2mt.js";
 import { R as lo, T as so, c as co, M as uo, a as ye, u as mo, S as po, E as go, b as ht, d as fo, s as vo, e as bo, f as ho, g as $o, D as Co } from "../../EllipsisOutlined-Cm0_b9Em.js";
 import { i as Be, C as $t, d as yo, u as Ve, e as se, z as Ct, g as wo, f as xo, h as So, j as Oo, B as ot } from "../../PurePanel-CEtW2cn_.js";
-const pe = ["blue", "purple", "cyan", "green", "magenta", "pink", "red", "orange", "yellow", "volcano", "geekblue", "lime", "gold"];
+import '../../assets/UserInfoDropdown.css';const pe = ["blue", "purple", "cyan", "green", "magenta", "pink", "red", "orange", "yellow", "volcano", "geekblue", "lime", "gold"];
 function Io(e, t) {
   return pe.reduce((o, n) => {
     const r = e[`${n}1`], l = e[`${n}3`], i = e[`${n}6`], c = e[`${n}7`];
@@ -329,7 +329,7 @@ const Re = /* @__PURE__ */ a.createContext({}), Xo = (e) => {
       }
     }
   };
-}, Go = (e) => {
+}, qo = (e) => {
   const {
     controlHeight: t,
     controlHeightLG: o,
@@ -362,8 +362,8 @@ const Re = /* @__PURE__ */ a.createContext({}), Xo = (e) => {
     avatarColor: t
   });
   return [Xo(n), Fo(n)];
-}, Go);
-var qo = function(e, t) {
+}, qo);
+var Go = function(e, t) {
   var o = {};
   for (var n in e) Object.prototype.hasOwnProperty.call(e, n) && t.indexOf(n) < 0 && (o[n] = e[n]);
   if (e != null && typeof Object.getOwnPropertySymbols == "function") for (var r = 0, n = Object.getOwnPropertySymbols(e); r < n.length; r++)
@@ -408,7 +408,7 @@ const Yo = (e, t) => {
     draggable: h,
     children: E,
     crossOrigin: z
-  } = e, P = qo(e, ["prefixCls", "shape", "size", "src", "srcSet", "icon", "className", "rootClassName", "alt", "draggable", "children", "crossOrigin"]), I = Zt((A) => {
+  } = e, P = Go(e, ["prefixCls", "shape", "size", "src", "srcSet", "icon", "className", "rootClassName", "alt", "draggable", "children", "crossOrigin"]), I = Zt((A) => {
     var W, U;
     return (U = (W = w ?? (f == null ? void 0 : f.size)) !== null && W !== void 0 ? W : A) !== null && U !== void 0 ? U : "default";
   }), $ = Object.keys(typeof I == "object" ? I || {} : {}).some((A) => ["xs", "sm", "md", "lg", "xl", "xxl"].includes(A)), D = Wo($), k = a.useMemo(() => {
@@ -428,7 +428,7 @@ const Yo = (e, t) => {
   const S = p("avatar", C), N = Pe(S), [R, V, Z] = wt(S, N), H = M({
     [`${S}-lg`]: I === "large",
     [`${S}-sm`]: I === "small"
-  }), X = /* @__PURE__ */ a.isValidElement(x), G = b || (f == null ? void 0 : f.shape) || "circle", Y = M(S, H, m == null ? void 0 : m.className, `${S}-${G}`, {
+  }), X = /* @__PURE__ */ a.isValidElement(x), q = b || (f == null ? void 0 : f.shape) || "circle", Y = M(S, H, m == null ? void 0 : m.className, `${S}-${q}`, {
     [`${S}-image`]: X || x && i,
     [`${S}-icon`]: !!O
   }, Z, N, j, T, V), F = typeof I == "number" ? {
@@ -682,7 +682,7 @@ function Ne(e) {
 function $e(e, t) {
   return e ? t : {};
 }
-function Ge(e, t, o) {
+function qe(e, t, o) {
   const {
     componentCls: n,
     boxShadowPopoverArrow: r,
@@ -1034,7 +1034,7 @@ const nn = (e) => {
       })
     },
     // Arrow Style
-    Ge(e, "var(--antd-arrow-background-color)"),
+    qe(e, "var(--antd-arrow-background-color)"),
     // Pure Render
     {
       [`${t}-pure`]: {
@@ -1138,32 +1138,32 @@ const dn = /* @__PURE__ */ a.forwardRef((e, t) => {
     getPrefixCls: T,
     direction: _
   } = a.useContext(J), h = fe("Tooltip"), E = a.useRef(null), z = () => {
-    var q;
-    (q = E.current) === null || q === void 0 || q.forceAlign();
+    var G;
+    (G = E.current) === null || G === void 0 || G.forceAlign();
   };
   a.useImperativeHandle(t, () => {
-    var q;
+    var G;
     return {
       forceAlign: z,
       forcePopupAlign: () => {
         h.deprecated(!1, "forcePopupAlign", "forceAlign"), z();
       },
-      nativeElement: (q = E.current) === null || q === void 0 ? void 0 : q.nativeElement
+      nativeElement: (G = E.current) === null || G === void 0 ? void 0 : G.nativeElement
     };
-  }), process.env.NODE_ENV !== "production" && ([["visible", "open"], ["defaultVisible", "defaultOpen"], ["onVisibleChange", "onOpenChange"], ["afterVisibleChange", "afterOpenChange"], ["arrowPointAtCenter", "arrow={{ pointAtCenter: true }}"]].forEach((q) => {
-    let [te, ne] = q;
+  }), process.env.NODE_ENV !== "production" && ([["visible", "open"], ["defaultVisible", "defaultOpen"], ["onVisibleChange", "onOpenChange"], ["afterVisibleChange", "afterOpenChange"], ["arrowPointAtCenter", "arrow={{ pointAtCenter: true }}"]].forEach((G) => {
+    let [te, ne] = G;
     h.deprecated(!(te in e), te, ne);
   }), process.env.NODE_ENV !== "production" && h(!f || typeof f == "boolean", "usage", "`destroyTooltipOnHide` no need config `keepParent` anymore. Please use `boolean` value directly."), process.env.NODE_ENV !== "production" && h(!g || typeof g == "boolean" || !("arrowPointAtCenter" in g), "deprecated", "`arrowPointAtCenter` in `arrow` is deprecated. Please use `pointAtCenter` instead."));
   const [P, I] = Le(!1, {
     value: (o = e.open) !== null && o !== void 0 ? o : e.visible,
     defaultValue: (n = e.defaultOpen) !== null && n !== void 0 ? n : e.defaultVisible
-  }), $ = !v && !C && v !== 0, D = (q) => {
+  }), $ = !v && !C && v !== 0, D = (G) => {
     var te, ne;
-    I($ ? !1 : q), $ || ((te = e.onOpenChange) === null || te === void 0 || te.call(e, q), (ne = e.onVisibleChange) === null || ne === void 0 || ne.call(e, q));
+    I($ ? !1 : G), $ || ((te = e.onOpenChange) === null || te === void 0 || te.call(e, G), (ne = e.onVisibleChange) === null || ne === void 0 || ne.call(e, G));
   }, k = a.useMemo(() => {
-    var q, te;
+    var G, te;
     let ne = w;
-    return typeof g == "object" && (ne = (te = (q = g.pointAtCenter) !== null && q !== void 0 ? q : g.arrowPointAtCenter) !== null && te !== void 0 ? te : w), b || St({
+    return typeof g == "object" && (ne = (te = (G = g.pointAtCenter) !== null && G !== void 0 ? G : g.arrowPointAtCenter) !== null && te !== void 0 ? te : w), b || St({
       arrowPointAtCenter: ne,
       autoAdjustOverflow: x,
       arrowWidth: y ? O.sizePopupArrow : 0,
@@ -1179,13 +1179,13 @@ const dn = /* @__PURE__ */ a.forwardRef((e, t) => {
     mouseEnterDelay: Z = 0.1,
     mouseLeaveDelay: H = 0.1,
     overlayStyle: X,
-    rootClassName: G
+    rootClassName: q
   } = e, Y = cn(e, ["getPopupContainer", "placement", "mouseEnterDelay", "mouseLeaveDelay", "overlayStyle", "rootClassName"]), F = T("tooltip", r), K = T(), A = e["data-popover-inject"];
   let W = P;
   !("open" in e) && !("visible" in e) && $ && (W = !1);
   const U = /* @__PURE__ */ a.isValidElement(u) && !yo(u) ? u : /* @__PURE__ */ a.createElement("span", null, u), ie = U.props, je = !ie.className || typeof ie.className == "string" ? M(ie.className, l || `${F}-open`) : ie.className, [me, L, oe] = Ot(F, !A), ee = It(F, s), At = ee.arrowStyle, Lt = Object.assign(Object.assign({}, d), ee.overlayStyle), kt = M(c, {
     [`${F}-rtl`]: _ === "rtl"
-  }, ee.className, G, L, oe), [Vt, Wt] = Ve("Tooltip", Y.zIndex), Xt = /* @__PURE__ */ a.createElement(Qo, Object.assign({}, Y, {
+  }, ee.className, q, L, oe), [Vt, Wt] = Ve("Tooltip", Y.zIndex), Xt = /* @__PURE__ */ a.createElement(Qo, Object.assign({}, Y, {
     zIndex: Vt,
     showArrow: y,
     placement: V,
@@ -1290,7 +1290,7 @@ const un = (e) => {
       })
     },
     // Arrow Style
-    Ge(e, "var(--antd-arrow-background-color)"),
+    qe(e, "var(--antd-arrow-background-color)"),
     // Pure Render
     {
       [`${t}-pure`]: {
@@ -1478,9 +1478,9 @@ const hn = /* @__PURE__ */ a.forwardRef((e, t) => {
       /* @__PURE__ */ a.isValidElement(u) && ((k = u == null ? void 0 : (D = u.props).onKeyDown) === null || k === void 0 || k.call(D, $)), E($);
     }
   })));
-}), qe = hn;
-qe._InternalPanelDoNotUseOrYouWillBeFired = vn;
-process.env.NODE_ENV !== "production" && (qe.displayName = "Popover");
+}), Ge = hn;
+Ge._InternalPanelDoNotUseOrYouWillBeFired = vn;
+process.env.NODE_ENV !== "production" && (Ge.displayName = "Popover");
 const it = (e) => {
   const {
     size: t,
@@ -1528,7 +1528,7 @@ const it = (e) => {
       placement: k,
       trigger: D
     });
-    return P.push(/* @__PURE__ */ a.createElement(qe, Object.assign({
+    return P.push(/* @__PURE__ */ a.createElement(Ge, Object.assign({
       key: "avatar-popover-key",
       destroyTooltipOnHide: !0
     }, S), /* @__PURE__ */ a.createElement(We, {
@@ -1883,7 +1883,7 @@ const at = {
     }, r || /* @__PURE__ */ a.createElement(Nt, null)) : null, X = {
       expanded: u ? /* @__PURE__ */ a.createElement(we, null) : /* @__PURE__ */ a.createElement(Me, null),
       collapsed: u ? /* @__PURE__ */ a.createElement(Me, null) : /* @__PURE__ */ a.createElement(we, null)
-    }[x ? "collapsed" : "expanded"], G = r !== null ? V || /* @__PURE__ */ a.createElement("div", {
+    }[x ? "collapsed" : "expanded"], q = r !== null ? V || /* @__PURE__ */ a.createElement("div", {
       className: `${h}-trigger`,
       onClick: $,
       style: {
@@ -1907,7 +1907,7 @@ const at = {
       ref: t
     }), /* @__PURE__ */ a.createElement("div", {
       className: `${h}-children`
-    }, l), d || O && V ? G : null);
+    }, l), d || O && V ? q : null);
   }, k = a.useMemo(() => ({
     siderCollapsed: x
   }), [x]);
@@ -1916,7 +1916,7 @@ const at = {
   }, D()));
 });
 process.env.NODE_ENV !== "production" && (zn.displayName = "Sider");
-const Se = /* @__PURE__ */ Gt({
+const Se = /* @__PURE__ */ qt({
   prefixCls: "",
   firstLevel: !0,
   inlineCollapsed: !1
@@ -3087,9 +3087,9 @@ const Vn = {
       return r.expandIcon || null;
     if (typeof (s == null ? void 0 : s.expandIcon) == "function" || _e(s == null ? void 0 : s.expandIcon))
       return (s == null ? void 0 : s.expandIcon) || null;
-    const G = (H = g ?? (r == null ? void 0 : r.expandIcon)) !== null && H !== void 0 ? H : s == null ? void 0 : s.expandIcon;
-    return se(G, {
-      className: M(`${$}-submenu-expand-icon`, /* @__PURE__ */ a.isValidElement(G) ? (X = G.props) === null || X === void 0 ? void 0 : X.className : void 0)
+    const q = (H = g ?? (r == null ? void 0 : r.expandIcon)) !== null && H !== void 0 ? H : s == null ? void 0 : s.expandIcon;
+    return se(q, {
+      className: M(`${$}-submenu-expand-icon`, /* @__PURE__ */ a.isValidElement(q) ? (X = q.props) === null || X === void 0 ? void 0 : X.className : void 0)
     });
   }, [g, r == null ? void 0 : r.expandIcon, s == null ? void 0 : s.expandIcon, $]), Z = a.useMemo(() => ({
     prefixCls: $,
@@ -3261,7 +3261,7 @@ const Xn = (e) => {
     // =============================================================
     // ==                        Arrow style                      ==
     // =============================================================
-    Ge(e, v, {
+    qe(e, v, {
       arrowPlacement: {
         top: !0,
         bottom: !0
@@ -3424,13 +3424,13 @@ const Xn = (e) => {
     // Follow code may reuse in other components
     [ye(e, "slide-up"), ye(e, "slide-down"), nt(e, "move-up"), nt(e, "move-down"), Be(e, "zoom-big")]
   ];
-}, Gn = (e) => Object.assign(Object.assign({
+}, qn = (e) => Object.assign(Object.assign({
   zIndexPopup: e.zIndexPopupBase + 50,
   paddingBlock: (e.controlHeight - e.fontSize * e.lineHeight) / 2
 }, Ne({
   contentRadius: e.borderRadiusLG,
   limitVerticalRadius: !0
-})), Fe(e)), qn = le("Dropdown", (e) => {
+})), Fe(e)), Gn = le("Dropdown", (e) => {
   const {
     marginXXS: t,
     sizePopupArrow: o,
@@ -3442,7 +3442,7 @@ const Xn = (e) => {
     dropdownEdgeChildPadding: n
   });
   return [Fn(l), Xn(l)];
-}, Gn, {
+}, qn, {
   resetStyle: !1
 }), be = (e) => {
   var t;
@@ -3493,12 +3493,12 @@ const Xn = (e) => {
       z.deprecated(!(oe in e), oe, ee);
     });
   }
-  const $ = _("dropdown", r), D = Pe($), [k, S, N] = qn($, D), [, R] = Ae(), V = a.Children.only(l), Z = se(V, {
+  const $ = _("dropdown", r), D = Pe($), [k, S, N] = Gn($, D), [, R] = Ae(), V = a.Children.only(l), Z = se(V, {
     className: M(`${$}-trigger`, {
       [`${$}-rtl`]: h === "rtl"
     }, V.props.className),
     disabled: (t = V.props.disabled) !== null && t !== void 0 ? t : c
-  }), H = c ? [] : i, X = !!(H != null && H.includes("contextMenu")), [G, Y] = Le(!1, {
+  }), H = c ? [] : i, X = !!(H != null && H.includes("contextMenu")), [q, Y] = Le(!1, {
     value: f ?? v
   }), F = bt((L) => {
     g == null || g(L, {
@@ -3542,7 +3542,7 @@ const Xn = (e) => {
   }, ve(e, ["rootClassName"]), {
     mouseEnterDelay: b,
     mouseLeaveDelay: w,
-    visible: G,
+    visible: q,
     builtinPlacements: A,
     arrow: !!n,
     overlayClassName: K,
@@ -3635,14 +3635,14 @@ const er = /* @__PURE__ */ a.forwardRef((e, t) => {
     [`${I}-gap-col-${O}`]: _
   }, u, p, k), N = M(`${I}-item`, (n = w == null ? void 0 : w.item) !== null && n !== void 0 ? n : (r = i == null ? void 0 : i.classNames) === null || r === void 0 ? void 0 : r.item);
   let R = 0;
-  const V = z.map((X, G) => {
+  const V = z.map((X, q) => {
     var Y, F;
-    X != null && (R = G);
-    const K = (X == null ? void 0 : X.key) || `${N}-${G}`;
+    X != null && (R = q);
+    const K = (X == null ? void 0 : X.key) || `${N}-${q}`;
     return /* @__PURE__ */ a.createElement(Qn, {
       className: N,
       key: K,
-      index: G,
+      index: q,
       split: v,
       style: (Y = x == null ? void 0 : x.item) !== null && Y !== void 0 ? Y : (F = i == null ? void 0 : i.styles) === null || F === void 0 ? void 0 : F.item
     }, X);
@@ -3724,7 +3724,7 @@ const Dt = (e) => {
     compactItemClassnames: H
   } = Oo(N, n), X = M(R, H, m);
   "overlay" in e && (V.overlay = C), "open" in e && (V.open = x), "placement" in e ? V.placement = O : V.placement = n === "rtl" ? "bottomLeft" : "bottomRight";
-  const G = /* @__PURE__ */ a.createElement(ot, {
+  const q = /* @__PURE__ */ a.createElement(ot, {
     type: l,
     danger: i,
     disabled: c,
@@ -3737,7 +3737,7 @@ const Dt = (e) => {
     type: l,
     danger: i,
     icon: _
-  }), [F, K] = E([G, Y]);
+  }), [F, K] = E([q, Y]);
   return /* @__PURE__ */ a.createElement(Ue.Compact, Object.assign({
     className: X,
     size: Z,
@@ -3747,11 +3747,16 @@ const Dt = (e) => {
 Dt.__ANT_BUTTON = !0;
 const Ht = be;
 Ht.Button = Dt;
-const or = (e) => /* @__PURE__ */ a.createElement("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ a.createElement("path", { d: "M19 9L12 16L5 9", stroke: "#045529", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" })), Ce = {}, dr = ({ items: e, user: t, collapsed: o, handleMenuClick: n }) => /* @__PURE__ */ he(Ht, { menu: { items: e, onClick: n }, trigger: ["click"], children: /* @__PURE__ */ Ft("a", { onClick: (r) => r.preventDefault(), className: Ce.flexRowCenter, children: [
-  /* @__PURE__ */ he(Bt, { className: qt(Ce.avatar, Ce.pointer), size: "large", children: t[0] }),
+const or = (e) => /* @__PURE__ */ a.createElement("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ a.createElement("path", { d: "M19 9L12 16L5 9", stroke: "#045529", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" })), nr = "_avatar_1q3yh_1", rr = "_pointer_1q3yh_7", ir = "_flexRowCenter_1q3yh_11", ar = "_userTitle_1q3yh_18", Ce = {
+  avatar: nr,
+  pointer: rr,
+  flexRowCenter: ir,
+  userTitle: ar
+}, gr = ({ items: e, user: t, collapsed: o, handleMenuClick: n }) => /* @__PURE__ */ he(Ht, { menu: { items: e, onClick: n }, trigger: ["click"], children: /* @__PURE__ */ Ft("a", { onClick: (r) => r.preventDefault(), className: Ce.flexRowCenter, children: [
+  /* @__PURE__ */ he(Bt, { className: Gt(Ce.avatar, Ce.pointer), size: "large", children: t[0] }),
   !o && /* @__PURE__ */ he("span", { className: Ce.userTitle, children: t }),
   !o && /* @__PURE__ */ he(or, {})
 ] }) });
 export {
-  dr as UserInfoDropdown
+  gr as UserInfoDropdown
 };

package/package.json

@@ -2,7 +2,7 @@
   "name": "@amateescu/portal-ui-components",
   "main": "dist/main.js",
   "types": "dist/main.d.ts",
-  "version": "0.0.13-beta0",
+  "version": "0.0.13-beta1",
   "type": "module",
   "files": [
     "dist"