@factorialco/f0-react 1.359.0 → 1.360.0

package/dist/experimental.d.ts

@@ -710,7 +710,7 @@ export declare const BaseCelebration: ({ link, firstName, lastName, src, onClick
 
 declare type BaseColor = keyof typeof baseColors;
 
-export declare const BaseCommunityPost: ({ id, author, group, createdAt, title, description, onClick, mediaUrl, event, counters, reactions, inLabel, comment, dropdownItems, noReactionsButton, }: CommunityPostProps) => JSX_2.Element;
+export declare const BaseCommunityPost: ({ id, author, group, createdAt, title, description, onClick, mediaUrl, event, counters, reactions, inLabel, comment, actions, dropdownItems, noReactionsButton, }: CommunityPostProps) => JSX_2.Element;
 
 /**
  * Base data adapter configuration for non-paginated collections
@@ -1569,10 +1569,16 @@ declare const columnWidths: {
     readonly fit: 1;
 };
 
-export declare const CommunityPost: (({ id, author, group, createdAt, title, description, onClick, mediaUrl, event, counters, reactions, inLabel, comment, dropdownItems, noReactionsButton, }: CommunityPostProps) => JSX_2.Element) & {
+export declare const CommunityPost: (({ id, author, group, createdAt, title, description, onClick, mediaUrl, event, counters, reactions, inLabel, comment, actions, dropdownItems, noReactionsButton, }: CommunityPostProps) => JSX_2.Element) & {
     Skeleton: ({ withEvent, withImage, }: CommunityPostSkeletonProps) => JSX_2.Element;
 };
 
+export declare type CommunityPostAction = {
+    label: string;
+    icon?: IconType;
+    onClick: () => void;
+};
+
 export declare type CommunityPostProps = {
     id: string;
     author?: {
@@ -1600,6 +1606,7 @@ export declare type CommunityPostProps = {
         label: string;
         onClick: () => void;
     };
+    actions?: CommunityPostAction[];
     noVideoPreload?: boolean;
     onClick: (id: string) => void;
     noReactionsButton?: boolean;

package/dist/experimental.js

@@ -11398,20 +11398,20 @@ const yN = oe("Reactions", xN), zc = (t) => {
       })]
     })]
   })]
-}), Nh = Ne(NN, SN), IN = ({ id: t, author: e, group: n, createdAt: r, title: i, description: s, onClick: o, mediaUrl: a, event: c, counters: d, reactions: f, inLabel: u, comment: h, dropdownItems: m, noReactionsButton: p = !1 }) => {
-  const b = [d.views, d.comments].filter(Boolean).join(" · "), v = Ju(r), x = () => {
+}), Nh = Ne(NN, SN), IN = ({ id: t, author: e, group: n, createdAt: r, title: i, description: s, onClick: o, mediaUrl: a, event: c, counters: d, reactions: f, inLabel: u, comment: h, actions: m, dropdownItems: p, noReactionsButton: b = !1 }) => {
+  const v = [d.views, d.comments].filter(Boolean).join(" · "), x = Ju(r), w = () => {
     o(t);
-  }, w = (T) => {
-    T.stopPropagation();
-  }, y = e ? `${e.firstName} ${e.lastName}` : void 0;
+  }, y = (S) => {
+    S.stopPropagation();
+  }, T = e ? `${e.firstName} ${e.lastName}` : void 0;
   return g("div", {
     className: "flex w-full cursor-pointer flex-row gap-3 rounded-xl border border-solid border-transparent p-3 pt-2 hover:bg-f1-background-hover focus:border-f1-border-secondary focus:outline focus:outline-1 focus:outline-offset-1 focus:outline-f1-border-selected-bold md:pb-4 md:pt-3",
-    onClick: x,
+    onClick: w,
     children: [l("div", {
       className: "hidden md:block",
       children: e ? l(Tn, {
         href: e.url || "#",
-        title: y,
+        title: T,
         stopPropagation: !0,
         children: l(wt, {
           firstName: e.firstName,
@@ -11433,7 +11433,7 @@ const yN = oe("Reactions", xN), zc = (t) => {
               children: [l(Tn, {
                 href: e.url,
                 className: "block md:hidden",
-                title: y,
+                title: T,
                 stopPropagation: !0,
                 children: l("span", {
                   className: "flex items-center",
@@ -11446,10 +11446,10 @@ const yN = oe("Reactions", xN), zc = (t) => {
                 })
               }), l(Tn, {
                 href: e.url,
-                title: y,
+                title: T,
                 className: "font-medium text-f1-foreground no-underline visited:text-f1-foreground",
                 stopPropagation: !0,
-                children: y
+                children: T
               })]
             }) : l("div", {
               className: "block md:hidden",
@@ -11472,24 +11472,32 @@ const yN = oe("Reactions", xN), zc = (t) => {
               children: "·"
             }), l("span", {
               className: "text-f1-foreground-secondary",
-              children: v
+              children: x
             })]
           }), g("div", {
             className: "flex flex-row gap-2",
-            children: [l("div", {
+            children: [g("div", {
               className: "hidden flex-row gap-2 md:flex",
-              children: m?.length && l(Me, {
-                items: m,
+              children: [m?.map((S) => l(j, {
+                ...S.icon && {
+                  icon: S.icon
+                },
+                variant: "outline",
+                size: "md",
+                onClick: S.onClick,
+                label: S.label
+              }, S.label)), p?.length && l(Me, {
+                items: p,
                 icon: Ni,
                 size: "sm"
-              })
+              })]
             }), l("div", {
               className: "md:hidden",
               children: l(Me, {
                 items: [{
                   label: h.label,
                   onClick: h.onClick
-                }, ...m ?? []],
+                }, ...p ?? []],
                 icon: Ni,
                 size: "sm"
               })
@@ -11510,7 +11518,7 @@ const yN = oe("Reactions", xN), zc = (t) => {
         children: Ch(a) ? l("video", {
           controls: !0,
           className: "aspect-video h-full w-full bg-f1-background-secondary object-cover",
-          onClick: w,
+          onClick: y,
           children: l("source", {
             src: a
           })
@@ -11531,8 +11539,8 @@ const yN = oe("Reactions", xN), zc = (t) => {
         })
       }), l("p", {
         className: "text-f1-foreground-secondary",
-        children: b
-      }), !p && l(yN, {
+        children: v
+      }), !b && l(yN, {
         items: f?.items ?? [],
         onInteraction: f?.onInteraction,
         action: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@factorialco/f0-react",
-  "version": "1.359.0",
+  "version": "1.360.0",
   "main": "dist/f0.js",
   "typings": "dist/f0.d.ts",
   "private": false,