@factorialco/f0-react 1.359.0 → 1.361.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/dist/f0.d.ts

@@ -1263,7 +1263,7 @@ export declare const ChatSpinner: ForwardRefExoticComponent<Omit<SVGProps<SVGSVG
 /**
  * All valid renderIf conditions for checkbox fields
  */
-declare type CheckboxFieldRenderIf = BooleanRenderIfCondition | CommonRenderIfCondition;
+declare type CheckboxFieldRenderIf = BooleanRenderIfCondition | CommonRenderIfCondition | F0BaseFieldRenderIfFunction;
 
 declare interface CheckboxProps extends DataAttributes_2 {
     /**
@@ -1520,7 +1520,7 @@ export declare type CurrentFilters<F extends FilterOptions<string>> = F extends
 /**
  * All valid renderIf conditions for custom fields
  */
-declare type CustomFieldRenderIf = CommonRenderIfCondition;
+declare type CustomFieldRenderIf = CommonRenderIfCondition | F0BaseFieldRenderIfFunction;
 
 /**
  * Props passed to the custom field render function
@@ -1840,7 +1840,7 @@ export declare type DataSourceDefinition<R extends RecordType = RecordType, Filt
 /**
  * All valid renderIf conditions for date fields
  */
-declare type DateFieldRenderIf = DateRenderIfCondition | CommonRenderIfCondition;
+declare type DateFieldRenderIf = DateRenderIfCondition | CommonRenderIfCondition | F0BaseFieldRenderIfFunction;
 
 export declare type DateFilterDefinition = BaseFilterDefinition<"date"> & {
     options?: DateFilterOptions_2;
@@ -1925,7 +1925,7 @@ declare type DateRangeComplete = Required<DateRange>;
 /**
  * All valid renderIf conditions for date range fields
  */
-declare type DateRangeFieldRenderIf = DateRangeRenderIfCondition | CommonRenderIfCondition;
+declare type DateRangeFieldRenderIf = DateRangeRenderIfCondition | CommonRenderIfCondition | F0BaseFieldRenderIfFunction;
 
 /**
  * Base for date range-specific conditions
@@ -2674,9 +2674,9 @@ export declare interface ErrorMessageProps {
 }
 
 /**
- * Evaluate a renderIf condition against the current form values
+ * Evaluate a renderIf property which can be a condition object or a function
  */
-export declare function evaluateRenderIf(condition: RenderIfCondition, values: Record<string, unknown>): boolean;
+export declare function evaluateRenderIf(renderIf: F0BaseFieldRenderIfProp, values: Record<string, unknown>): boolean;
 
 declare type EventCatcherFunction = (eventName: EventName, params: EventParams) => void;
 
@@ -3040,12 +3040,36 @@ export declare interface F0BaseConfig {
     placeholder?: string;
     /** Helper text displayed below the field */
     helpText?: string;
-    /** Whether the field is disabled */
-    disabled?: boolean;
+    /**
+     * Whether the field is disabled.
+     * Can be a boolean or a function that receives form values.
+     * @example
+     * // Static disabled
+     * disabled: true
+     *
+     * // Dynamic disabled based on other field values
+     * disabled: ({ values }) => values.status === 'readonly'
+     */
+    disabled?: F0BaseFieldDisabledProp;
+    /**
+     * When true, resets the field to its default value when it becomes disabled.
+     * Useful for clearing dependent fields when their controlling field changes.
+     * @default false
+     */
+    resetOnDisable?: boolean;
     /** Row ID for horizontal grouping with other fields */
     row?: string;
-    /** Conditional rendering based on another field's value */
-    renderIf?: RenderIfCondition;
+    /**
+     * Conditional rendering based on another field's value.
+     * Can be a condition object or a function that receives form values.
+     * @example
+     * // Condition object
+     * renderIf: { fieldId: 'status', equalsTo: 'active' }
+     *
+     * // Dynamic renderIf based on form values
+     * renderIf: ({ values }) => values.status === 'active'
+     */
+    renderIf?: F0BaseFieldRenderIfProp;
 }
 
 /**
@@ -3062,10 +3086,49 @@ export declare interface F0BaseField {
     helpText?: string;
     /** Placeholder text for the input */
     placeholder?: string;
-    /** Whether the field is disabled */
-    disabled?: boolean;
+    /**
+     * Whether the field is disabled.
+     * Can be a boolean or a function that receives form values.
+     * @example
+     * // Static disabled
+     * disabled: true
+     *
+     * // Dynamic disabled based on other field values
+     * disabled: ({ values }) => values.status === 'readonly'
+     */
+    disabled?: F0BaseFieldDisabledProp;
+    /**
+     * When true, resets the field to its default value when it becomes disabled.
+     * Useful for clearing dependent fields when their controlling field changes.
+     * @default false
+     */
+    resetOnDisable?: boolean;
 }
 
+/**
+ * Function type for dynamic disabled evaluation based on form values
+ */
+declare type F0BaseFieldDisabledFunction = (context: {
+    values: Record<string, unknown>;
+}) => boolean;
+
+/**
+ * Disabled property can be a boolean or a function that receives form values
+ */
+declare type F0BaseFieldDisabledProp = boolean | F0BaseFieldDisabledFunction;
+
+/**
+ * Function type for dynamic renderIf evaluation based on form values
+ */
+declare type F0BaseFieldRenderIfFunction = (context: {
+    values: Record<string, unknown>;
+}) => boolean;
+
+/**
+ * RenderIf property can be a condition object or a function that receives form values
+ */
+declare type F0BaseFieldRenderIfProp = RenderIfCondition | F0BaseFieldRenderIfFunction;
+
 export declare const F0BigNumber: {
     ({ label, ...props }: BigNumberProps_2): JSX_2.Element;
     displayName: string;
@@ -5512,7 +5575,7 @@ export declare interface NextStepsProps {
 /**
  * All valid renderIf conditions for number fields
  */
-declare type NumberFieldRenderIf = NumberRenderIfCondition | CommonRenderIfCondition;
+declare type NumberFieldRenderIf = NumberRenderIfCondition | CommonRenderIfCondition | F0BaseFieldRenderIfFunction;
 
 export declare type NumberFilterDefinition = BaseFilterDefinition<"number"> & {
     options?: NumberFilterOptions_2;
@@ -6212,7 +6275,7 @@ export declare interface ResponsiveStyleProps {
 /**
  * All valid renderIf conditions for richtext fields
  */
-declare type RichTextFieldRenderIf = CommonRenderIfCondition;
+declare type RichTextFieldRenderIf = CommonRenderIfCondition | F0BaseFieldRenderIfFunction;
 
 /**
  * Rich text editor result value type
@@ -6272,7 +6335,7 @@ declare type SecondaryActionsItems = SecondaryActionItem[] | SecondaryActionItem
 /**
  * Conditional rendering for sections - can be a condition object or a function
  */
-export declare type SectionRenderIf = RenderIfCondition | ((values: Record<string, unknown>) => boolean);
+export declare type SectionRenderIf = RenderIfCondition | F0BaseFieldRenderIfFunction;
 
 /**
  * Represents a collection of selected items.
@@ -6315,7 +6378,7 @@ export declare type SelectedState = {
 /**
  * All valid renderIf conditions for select fields
  */
-declare type SelectFieldRenderIf = SelectRenderIfCondition | CommonRenderIfCondition;
+declare type SelectFieldRenderIf = SelectRenderIfCondition | CommonRenderIfCondition | F0BaseFieldRenderIfFunction;
 
 export declare type SelectionId = number | string;
 
@@ -6471,7 +6534,7 @@ declare type SummaryType = "sum";
 /**
  * All valid renderIf conditions for switch fields
  */
-declare type SwitchFieldRenderIf = BooleanRenderIfCondition | CommonRenderIfCondition;
+declare type SwitchFieldRenderIf = BooleanRenderIfCondition | CommonRenderIfCondition | F0BaseFieldRenderIfFunction;
 
 export declare function Table({ children, ...props }: React.HTMLAttributes<HTMLTableElement>): JSX_2.Element;
 
@@ -6745,12 +6808,12 @@ declare type TeamTagProps = ComponentProps<typeof F0TagTeam>;
 /**
  * All valid renderIf conditions for textarea fields
  */
-declare type TextareaFieldRenderIf = TextRenderIfCondition | CommonRenderIfCondition;
+declare type TextareaFieldRenderIf = TextRenderIfCondition | CommonRenderIfCondition | F0BaseFieldRenderIfFunction;
 
 /**
  * All valid renderIf conditions for text fields
  */
-declare type TextFieldRenderIf = TextRenderIfCondition | CommonRenderIfCondition;
+declare type TextFieldRenderIf = TextRenderIfCondition | CommonRenderIfCondition | F0BaseFieldRenderIfFunction;
 
 declare interface TextProps extends Omit<default_2.HTMLAttributes<HTMLElement>, "className">, default_2.RefAttributes<HTMLElement> {
     /**