@factorialco/f0-react 1.249.1 → 1.251.0

package/dist/f0.d.ts

@@ -46,6 +46,8 @@ import { LineChartPropsBase } from './utils/types';
 import { LongTextCellValue } from './types/longText.tsx';
 import { NumberCellValue } from '../../value-display/types/number';
 import { NumberCellValue as NumberCellValue_2 } from './types/number.tsx';
+import { NumberFilterOptions } from './NumberFilter/NumberFilter';
+import { NumberFilterValue } from './NumberFilter/NumberFilter';
 import { Observable } from 'zen-observable-ts';
 import { PercentageCellValue } from './types/percentage.tsx';
 import { PersonCellValue } from '../../value-display/types/person';
@@ -1386,6 +1388,11 @@ export declare const defaultTranslations: {
         readonly cancel: "Cancel";
         readonly failedToLoadOptions: "Failed to load options";
         readonly retry: "Retry";
+        readonly aboveOrEqual: "Above or equal to";
+        readonly value: "Value";
+        readonly belowOrEqual: "Below or equal to";
+        readonly range_title: "Use range";
+        readonly range: "Between {{min}} and {{max}}";
     };
     readonly toc: {
         readonly search: "Search...";
@@ -1545,6 +1552,11 @@ export declare const defaultTranslations: {
         readonly noResults: "No results found";
         readonly loadingMore: "Loading...";
     };
+    readonly numberInput: {
+        readonly between: "Between {{min}} and {{max}}";
+        readonly greaterThan: "Greater than {{min}}";
+        readonly lessThan: "Less than {{max}}";
+    };
 };
 
 /**
@@ -2057,6 +2069,7 @@ declare type FilterDefinitionsByType<T = unknown, R extends RecordType = RecordT
     in: InFilterDefinition<T, R>;
     search: SearchFilterDefinition;
     date: DateFilterDefinition;
+    number: NumberFilterDefinition;
 };
 
 /**
@@ -2088,13 +2101,13 @@ export declare type FiltersState<Definition extends Record<string, FilterDefinit
 
 declare type FilterTypeContext<Options extends object = never> = {
     schema: FilterTypeSchema<Options>;
-    i18n: TranslationsType;
+    i18n: I18nContextType;
 };
 
 declare type FilterTypeDefinition<Value = unknown, Options extends object = never, EmptyValue = Value> = {
     /** Check if the value is empty */
     emptyValue: EmptyValue;
-    isEmpty: (value: Value, context: FilterTypeContext<Options>) => boolean;
+    isEmpty: (value: Value | undefined, context: FilterTypeContext<Options>) => boolean;
     /** Render the filter form */
     render: <Schema extends FilterTypeSchema<Options>>(props: {
         schema: Schema;
@@ -2122,6 +2135,7 @@ declare const filterTypes: {
     readonly in: FilterTypeDefinition<string[], InFilterOptions<string>>;
     readonly search: FilterTypeDefinition<string>;
     readonly date: FilterTypeDefinition<Date | DateRange | undefined, DateFilterOptions>;
+    readonly number: FilterTypeDefinition<NumberFilterValue, NumberFilterOptions>;
 };
 
 declare type FilterTypeSchema<Options extends object = never> = {
@@ -2137,7 +2151,7 @@ declare type FilterTypeSchema<Options extends object = never> = {
  * This type is used to ensure type safety when working with filter values.
  * @template T - The filter definition type
  */
-export declare type FilterValue<T extends FilterDefinition> = T extends InFilterDefinition<infer U> ? U[] : T extends SearchFilterDefinition ? string : T extends DateFilterDefinition ? DateRange | Date | undefined : never;
+export declare type FilterValue<T extends FilterDefinition> = T extends InFilterDefinition<infer U> ? U[] : T extends SearchFilterDefinition ? string : T extends DateFilterDefinition ? DateRange | Date | undefined : T extends NumberFilterDefinition ? [number | undefined, number | undefined] | undefined : never;
 
 export declare type FlagAvatarVariant = Extract<AvatarVariant, {
     type: "flag";
@@ -2259,6 +2273,10 @@ widgets?: ReactNode[];
 children?: ReactNode;
 } & RefAttributes<HTMLDivElement>, "ref"> & RefAttributes<HTMLElement | SVGElement>>;
 
+declare type I18nContextType = TranslationsType & {
+    t: (key: TranslationKey, args?: Record<string, string | number>) => string;
+};
+
 declare interface I18nProviderProps {
     children: ReactNode;
     translations: TranslationsType;
@@ -2452,6 +2470,8 @@ declare type ItemDefinition = {
     avatar?: AvatarVariant;
 };
 
+declare type Join<T extends string[], D extends string> = T extends [] ? never : T extends [infer F] ? F : T extends [infer F, ...infer R] ? F extends string ? `${F}${D}${Join<Extract<R, string[]>, D>}` : never : string;
+
 declare type KanbanCollectionProps<Record extends RecordType, Filters extends FiltersDefinition, Sortings extends SortingsDefinition, Summaries extends SummariesDefinition, ItemActions extends ItemActionsDefinition<Record>, NavigationFilters extends NavigationFiltersDefinition, Grouping extends GroupingDefinition<Record>> = CollectionProps<Record, Filters, Sortings, Summaries, ItemActions, NavigationFilters, Grouping, KanbanVisualizationOptions<Record, Filters, Sortings>>;
 
 declare type KanbanLaneDefinition = {
@@ -2685,6 +2705,16 @@ export declare interface NextStepsProps {
     items: StepItemProps[];
 }
 
+declare type NumberFilterDefinition = BaseFilterDefinition<"number"> & {
+    options?: NumberFilterOptions_2;
+};
+
+declare type NumberFilterOptions_2 = {
+    min?: number;
+    max?: number;
+    modes?: ("range" | "single")[];
+};
+
 declare type OnBulkActionCallback<Record extends RecordType, Filters extends FiltersDefinition> = (...args: [
 action: BulkAction,
 ...Parameters<OnSelectItemsCallback<Record, Filters>>
@@ -2807,6 +2837,10 @@ export declare type PaginationInfo = Omit<PageBasedPaginatedResponse<unknown>, "
  */
 export declare type PaginationType = "pages" | "infinite-scroll" | "no-pagination";
 
+declare type PathsToStringProps<T> = T extends string ? [] : {
+    [K in Extract<keyof T, string>]: [K, ...PathsToStringProps<T[K]>];
+}[Extract<keyof T, string>];
+
 export declare type PersonAvatarVariant = Extract<AvatarVariant, {
     type: "person";
 }>;
@@ -2869,6 +2903,10 @@ declare type ProductBlankslateProps = {
         label: string;
         icon: IconType;
     };
+    promoTag?: {
+        label: string;
+        variant?: Variant;
+    };
 };
 
 export declare function ProductCard({ title, description, onClick, onClose, isVisible, dismissable, trackVisibility, type, ...props }: ProductCardProps): false | JSX_2.Element;
@@ -2889,7 +2927,7 @@ export declare type ProductCardProps = {
     type?: never;
 });
 
-export declare function ProductModal({ isOpen, onClose, title, image, benefits, errorMessage, successMessage, loadingState, nextSteps, closeLabel, primaryAction, modalTitle, modalModule, secondaryAction, portalContainer, tag, showResponseDialog, }: ProductModalProps): JSX_2.Element;
+export declare function ProductModal({ isOpen, onClose, title, image, benefits, errorMessage, successMessage, loadingState, nextSteps, closeLabel, primaryAction, modalTitle, modalModule, secondaryAction, portalContainer, tag, promoTag, showResponseDialog, }: ProductModalProps): JSX_2.Element;
 
 declare type ProductModalProps = {
     isOpen: boolean;
@@ -2924,6 +2962,10 @@ declare type ProductModalProps = {
         label: string;
         icon: IconType;
     };
+    promoTag?: {
+        label: string;
+        variant?: Variant;
+    };
     primaryAction?: Action_2;
     secondaryAction?: Action_2;
     portalContainer?: HTMLElement | null;
@@ -3430,6 +3472,8 @@ export declare type TeamAvatarVariant = Extract<AvatarVariant, {
 
 declare type TeamTagProps = ComponentProps<typeof F0TagTeam>;
 
+declare type TranslationKey = Join<PathsToStringProps<typeof defaultTranslations>, ".">;
+
 declare type TranslationShape<T> = {
     [K in keyof T]: T[K] extends string ? string : T[K] extends Record<string, string | Record<string, unknown>> ? TranslationShape<T[K]> : never;
 };