@goodhood-web/nebenan-base 1.3.0-development.54 → 1.3.0-development.55

package/index.mjs

@@ -7114,7 +7114,7 @@ const sg = "_sheet_q0ucw_106", rg = "_sheetWrapper_q0ucw_114", og = "_sheetHeade
 ), lg = "_root_16dcy_106", cg = "_textButton_16dcy_113", Za = {
   root: lg,
   textButton: cg
-}, Qv = ({
+}, Xv = ({
   alt: n,
   ariaLabel: e,
   onClick: i,
@@ -7139,7 +7139,7 @@ const sg = "_sheet_q0ucw_106", rg = "_sheetWrapper_q0ucw_114", og = "_sheetHeade
   navBar: gg,
   mainContent: mg,
   sidebarRight: vg
-}, Xv = ({ children: n, left: e, navbar: i, right: t }) => /* @__PURE__ */ _.jsxs("div", { className: Rn.container, children: [
+}, e3 = ({ children: n, left: e, navbar: i, right: t }) => /* @__PURE__ */ _.jsxs("div", { className: Rn.container, children: [
   /* @__PURE__ */ _.jsx("nav", { className: Rn.navBar, children: i }),
   e && /* @__PURE__ */ _.jsx("aside", { className: Rn.sidebarLeft, children: e }),
   /* @__PURE__ */ _.jsx("main", { className: Rn.mainContent, children: n }),
@@ -7149,7 +7149,7 @@ const sg = "_sheet_q0ucw_106", rg = "_sheetWrapper_q0ucw_114", og = "_sheetHeade
   "inputContainer--invalid": "_inputContainer--invalid_br99j_118",
   searchInput: pg,
   searchButton: wg
-}, e3 = ({
+}, n3 = ({
   name: n,
   onSearchSubmit: e,
   placeholder: i,
@@ -7203,7 +7203,7 @@ const sg = "_sheet_q0ucw_106", rg = "_sheetWrapper_q0ucw_114", og = "_sheetHeade
   navbarWrapper: bg,
   navbar: _g,
   right: yg
-}, n3 = ({ left: n, right: e }) => /* @__PURE__ */ _.jsx("div", { className: si.navbarWrapper, children: /* @__PURE__ */ _.jsxs("div", { className: si.navbar, children: [
+}, i3 = ({ left: n, right: e }) => /* @__PURE__ */ _.jsx("div", { className: si.navbarWrapper, children: /* @__PURE__ */ _.jsxs("div", { className: si.navbar, children: [
   /* @__PURE__ */ _.jsx("div", { className: si.left, children: n }),
   /* @__PURE__ */ _.jsx("div", { className: si.right, children: e })
 ] }) }), Fg = "Suchen", Sg = "Oh nein!", xg = "Das Emoji konnte nicht gefunden werden", Mg = "Wähle ein Emoji…", Cg = "Füge ein benutzerdefiniertes Emoji hinzu", Eg = {
@@ -49137,7 +49137,7 @@ const pm = "_emojiPopup_gz0mo_106", wm = "_emojiPopupHeader_gz0mo_116", vs = {
   emojis: _m,
   aliases: ym,
   sheet: Fm
-}, i3 = ({ children: n, className: e, onSelect: i }) => {
+}, t3 = ({ children: n, className: e, onSelect: i }) => {
   const [t, a] = Te(null), s = (l) => {
     a(t ? null : l.currentTarget);
   }, r = !!t, f = r ? "emoji-cloud" : "", d = (l) => {
@@ -49171,7 +49171,7 @@ const pm = "_emojiPopup_gz0mo_106", wm = "_emojiPopupHeader_gz0mo_116", vs = {
       )
     ] }) }) })
   ] }) });
-}, t3 = {
+}, a3 = {
   async initIfNeeded() {
     this.initialized || (await Un({ data: io }), this.initialized = !0);
   },
@@ -49215,7 +49215,7 @@ const pm = "_emojiPopup_gz0mo_106", wm = "_emojiPopupHeader_gz0mo_116", vs = {
   ] })
 ] }), Wm = "_loadingSpinnerContainer_17790_106", Km = {
   loadingSpinnerContainer: Wm
-}, a3 = ({
+}, s3 = ({
   children: n,
   desktop: e,
   keepLoading: i,
@@ -49231,7 +49231,7 @@ const pm = "_emojiPopup_gz0mo_106", wm = "_emojiPopupHeader_gz0mo_116", vs = {
   menuLinkList: Om,
   menuLinkListItem: Nm
 };
-function s3({
+function r3({
   className: n,
   items: e,
   type: i = "detail-medium"
@@ -49243,7 +49243,7 @@ const Im = "_mobileHeaderBar_1xzfq_106", Zm = "_typography_1xzfq_117", Um = "_ti
   typography: Zm,
   titleElement: Um,
   mobileHeaderBarIcon: qm
-}, r3 = ({
+}, o3 = ({
   as: n,
   className: e,
   left: i,
@@ -49531,7 +49531,10 @@ const tv = "_reactionStack_1e1nt_106", av = "_multiline_1e1nt_110", sv = "_multi
       ]
     }
   );
-}, Lv = ({
+}, Lv = (n) => n.slice().sort((e, i) => {
+  const t = e.count ?? 0, a = i.count ?? 0;
+  return t !== a ? a - t : e.reaction.localeCompare(i.reaction);
+}), $v = ({
   activeReaction: n,
   expanded: e = !1,
   onClick: i,
@@ -49539,9 +49542,9 @@ const tv = "_reactionStack_1e1nt_106", av = "_multiline_1e1nt_110", sv = "_multi
   size: a = "small",
   stack: s = !1
 }) => {
-  const r = (f) => {
-    i && i(f);
-  };
+  const r = (d) => {
+    i && i(d);
+  }, f = s ? Lv(t) : t;
   return /* @__PURE__ */ _.jsx(
     "ul",
     {
@@ -49550,28 +49553,28 @@ const tv = "_reactionStack_1e1nt_106", av = "_multiline_1e1nt_110", sv = "_multi
         [di.multiline]: !s && t.length === 7,
         [di.multilineFull]: !s && t.length > 7
       }),
-      children: t.map(({ count: f, reaction: d, selected: c, tooltip: l }) => /* @__PURE__ */ _.jsx(
+      children: f.map(({ count: d, reaction: c, selected: l, tooltip: h }) => /* @__PURE__ */ _.jsx(
         Bv,
         {
-          count: f,
-          reaction: d,
-          selected: c,
+          count: d,
+          reaction: c,
+          selected: l,
           stack: s,
           size: a,
           expanded: e,
           onSelect: r,
           activeReaction: n,
-          tooltip: l
+          tooltip: h
         },
-        d
+        c
       ))
     }
   );
-}, $v = "_wrapper_1aeus_106", Hv = "_button_1aeus_113", Av = "_hoveredItem_1aeus_118", li = {
-  wrapper: $v,
-  button: Hv,
-  hoveredItem: Av
-}, o3 = ({
+}, Hv = "_wrapper_1aeus_106", Av = "_button_1aeus_113", Gv = "_hoveredItem_1aeus_118", li = {
+  wrapper: Hv,
+  button: Av,
+  hoveredItem: Gv
+}, f3 = ({
   buttonContent: n,
   className: e = "",
   disabled: i = !1,
@@ -49658,7 +49661,7 @@ const tv = "_reactionStack_1e1nt_106", av = "_multiline_1e1nt_110", sv = "_multi
             onMouseOver: C,
             onMouseLeave: y,
             children: /* @__PURE__ */ _.jsx(
-              Lv,
+              $v,
               {
                 reactions: f,
                 stack: !1,
@@ -49697,7 +49700,7 @@ var Tt = function(n, e) {
       t.hasOwnProperty(a) && (i[a] = t[a]);
   }, Tt(n, e);
 };
-function Gv(n, e) {
+function jv(n, e) {
   Tt(n, e);
   function i() {
     this.constructor = n;
@@ -49714,7 +49717,7 @@ var Dn = function() {
     return e;
   }, Dn.apply(this, arguments);
 };
-function jv(n, e, i, t) {
+function Vv(n, e, i, t) {
   var a, s = !1, r = 0;
   function f() {
     a && clearTimeout(a);
@@ -49756,10 +49759,10 @@ function _s(n) {
     value: parseFloat(n)
   } : (console.warn('scrollThreshold format is invalid. Valid formats: "120px", "50%"...'), bs) : (console.warn("scrollThreshold should be string or number"), bs);
 }
-var Vv = (
+var Dv = (
   /** @class */
   function(n) {
-    Gv(e, n);
+    jv(e, n);
     function e(i) {
       var t = n.call(this, i) || this;
       return t.lastScrollTop = 0, t.actionTriggered = !1, t.startY = 0, t.currentY = 0, t.dragging = !1, t.maxPullDownDistance = 0, t.getScrollableTarget = function() {
@@ -49792,7 +49795,7 @@ var Vv = (
         showLoader: !1,
         pullToRefreshThresholdBreached: !1,
         prevDataLength: i.dataLength
-      }, t.throttledOnScrollListener = jv(150, t.onScrollListener).bind(t), t.onStart = t.onStart.bind(t), t.onMove = t.onMove.bind(t), t.onEnd = t.onEnd.bind(t), t;
+      }, t.throttledOnScrollListener = Vv(150, t.onScrollListener).bind(t), t.onStart = t.onStart.bind(t), t.onMove = t.onMove.bind(t), t.onEnd = t.onEnd.bind(t), t;
     }
     return e.prototype.componentDidMount = function() {
       if (typeof this.props.dataLength > "u")
@@ -49849,20 +49852,20 @@ var Vv = (
     }, e;
   }(Ao)
 );
-const Dv = () => "ontouchstart" in window, Wv = "_cardHeader_1x2jw_106", Kv = "_cardBody_1x2jw_117", Ov = "_tabsList_1x2jw_126", Nv = "_tab_1x2jw_126", Iv = "_selectedTab_1x2jw_164", Zv = "_tabPanel_1x2jw_173", Uv = "_profile_1x2jw_185", Ie = {
-  cardHeader: Wv,
-  cardBody: Kv,
-  tabsList: Ov,
-  tab: Nv,
-  selectedTab: Iv,
-  tabPanel: Zv,
-  profile: Uv
-}, qv = (n, e, i) => ({
+const Wv = () => "ontouchstart" in window, Kv = "_cardHeader_1x2jw_106", Ov = "_cardBody_1x2jw_117", Nv = "_tabsList_1x2jw_126", Iv = "_tab_1x2jw_126", Zv = "_selectedTab_1x2jw_164", Uv = "_tabPanel_1x2jw_173", qv = "_profile_1x2jw_185", Ie = {
+  cardHeader: Kv,
+  cardBody: Ov,
+  tabsList: Nv,
+  tab: Iv,
+  selectedTab: Zv,
+  tabPanel: Uv,
+  profile: qv
+}, Jv = (n, e, i) => ({
   id: n,
   object_type: "hood_message",
   page: e,
   reaction_type: i === "all" ? void 0 : i
-}), f3 = ({
+}), d3 = ({
   closeText: n = "Schließen",
   getPicturePlaceholder: e,
   getReactions: i,
@@ -49873,7 +49876,7 @@ const Dv = () => "ontouchstart" in window, Wv = "_cardHeader_1x2jw_106", Kv = "_
 }) => {
   const [f, d] = Te(null), [c, l] = Te("all"), [h, u] = Te(1), [g, m] = Te([]), p = !f || !!f.next_page, b = vn(async () => {
     try {
-      const L = qv(s, h, c), G = await i(L);
+      const L = Jv(s, h, c), G = await i(L);
       u(G.next_page || h), d(G), m((X) => [...X, ...G.users]);
     } catch (L) {
       console.error("Error fetching reactions:", L);
@@ -49893,7 +49896,7 @@ const Dv = () => "ontouchstart" in window, Wv = "_cardHeader_1x2jw_106", Kv = "_
     rh,
     {
       headline: t,
-      type: Dv() ? "h4" : "h3",
+      type: Wv() ? "h4" : "h3",
       leftElement: /* @__PURE__ */ _.jsx(
         on,
         {
@@ -49934,7 +49937,7 @@ const Dv = () => "ontouchstart" in window, Wv = "_cardHeader_1x2jw_106", Kv = "_
         className: Ie.tabPanel,
         id: "reactionTabPanel",
         children: /* @__PURE__ */ _.jsx(
-          Vv,
+          Dv,
           {
             dataLength: g.length,
             next: b,
@@ -49970,20 +49973,20 @@ const Dv = () => "ontouchstart" in window, Wv = "_cardHeader_1x2jw_106", Kv = "_
   );
 };
 export {
-  Qv as ContentCreatorTrigger,
-  Xv as DesktopLayout,
-  e3 as DesktopNavbarSearchField,
-  n3 as DesktopNavigationBar,
-  i3 as EmojiPicker,
-  t3 as EmojiSearch,
+  Xv as ContentCreatorTrigger,
+  e3 as DesktopLayout,
+  n3 as DesktopNavbarSearchField,
+  i3 as DesktopNavigationBar,
+  t3 as EmojiPicker,
+  a3 as EmojiSearch,
   Tm as LayoutLoadingSpinner,
-  a3 as MainLayout,
-  s3 as MenuLinkList,
-  r3 as MobileHeaderBar,
+  s3 as MainLayout,
+  r3 as MenuLinkList,
+  o3 as MobileHeaderBar,
   Dm as MobileLayout,
   Xm as Profile,
   zv as ReactionPill,
-  o3 as ReactionSelection,
-  Lv as ReactionStack,
-  f3 as ReactionTabList
+  f3 as ReactionSelection,
+  $v as ReactionStack,
+  d3 as ReactionTabList
 };

package/lib/ReactionStack/utils.d.ts

@@ -0,0 +1,3 @@
+import { Reaction } from '../../index';
+
+export declare const sortReactionsByCount: (reactions: Reaction[]) => Reaction[];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@goodhood-web/nebenan-base",
-  "version": "1.3.0-development.54",
+  "version": "1.3.0-development.55",
   "main": "./index.js",
   "types": "./index.d.ts",
   "publishConfig": {