@factorialco/f0-react 4.66.2 → 4.67.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -38,6 +38,7 @@ import { DotTagCellValue } from './types/dotTag';
38
38
  import { DotTagCellValue as DotTagCellValue_2 } from './experimental';
39
39
  import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
40
40
  import { EmployeeItemProps } from './types';
41
+ import { F0EmojiPickerProps as F0EmojiPickerProps_2 } from './types';
41
42
  import { F0SegmentedControlProps as F0SegmentedControlProps_2 } from './types';
42
43
  import { F0SelectProps as F0SelectProps_2 } from './types';
43
44
  import { F0TagBalanceProps as F0TagBalanceProps_2 } from './types';
@@ -811,7 +812,7 @@ declare type Approver = {
811
812
  status: Status;
812
813
  };
813
814
 
814
- export declare const AreaChart: WithDataTestIdReturnType_4<ForwardRefExoticComponent<Omit<LineChartPropsBase<LineChartConfig> & {
815
+ export declare const AreaChart: WithDataTestIdReturnType_5<ForwardRefExoticComponent<Omit<LineChartPropsBase<LineChartConfig> & {
815
816
  lineType?: "step" | "linear" | "natural" | "monotoneX";
816
817
  marginTop?: number;
817
818
  canBeBlurred?: boolean;
@@ -940,7 +941,7 @@ export declare type BannerAction = {
940
941
  icon?: IconType;
941
942
  };
942
943
 
943
- export declare const BarChart: WithDataTestIdReturnType_4<ForwardRefExoticComponent<Omit<ChartPropsBase<ChartConfig> & {
944
+ export declare const BarChart: WithDataTestIdReturnType_5<ForwardRefExoticComponent<Omit<ChartPropsBase<ChartConfig> & {
944
945
  type?: "simple" | "stacked" | "stacked-by-sign";
945
946
  label?: boolean;
946
947
  legend?: boolean;
@@ -1008,7 +1009,7 @@ declare type BaseAvatarProps = {
1008
1009
 
1009
1010
  declare type BaseAvatarProps_2 = ComponentProps<typeof BaseAvatar>;
1010
1011
 
1011
- export declare const BaseBanner: WithDataTestIdReturnType_3<ForwardRefExoticComponent<BaseBannerProps & RefAttributes<HTMLDivElement>> & {
1012
+ export declare const BaseBanner: WithDataTestIdReturnType_4<ForwardRefExoticComponent<BaseBannerProps & RefAttributes<HTMLDivElement>> & {
1012
1013
  Skeleton: ForwardRefExoticComponent<RefAttributes<HTMLDivElement>>;
1013
1014
  }>;
1014
1015
 
@@ -1950,7 +1951,7 @@ declare type CardVisualizationOptions<T, _Filters extends FiltersDefinition, _So
1950
1951
  /**
1951
1952
  * @experimental This is an experimental component use it at your own risk
1952
1953
  */
1953
- export declare const Carousel: WithDataTestIdReturnType_5<({ children, columns, showArrows, showDots, autoplay, delay, showPeek, doubleColumns, }: CarouselProps) => default_2.JSX.Element>;
1954
+ export declare const Carousel: WithDataTestIdReturnType_3<({ children, columns, showArrows, showDots, autoplay, delay, showPeek, doubleColumns, }: CarouselProps) => default_2.JSX.Element>;
1954
1955
 
1955
1956
  declare interface CarouselBreakpoints {
1956
1957
  default?: ColumnNumber;
@@ -1975,7 +1976,7 @@ declare interface CarouselProps {
1975
1976
  }[];
1976
1977
  }
1977
1978
 
1978
- export declare const CategoryBarChart: WithDataTestIdReturnType_4<ForwardRefExoticComponent<Omit<CategoryBarProps & RefAttributes<HTMLDivElement>, "ref"> & RefAttributes<HTMLElement | SVGElement>>>;
1979
+ export declare const CategoryBarChart: WithDataTestIdReturnType_5<ForwardRefExoticComponent<Omit<CategoryBarProps & RefAttributes<HTMLDivElement>, "ref"> & RefAttributes<HTMLElement | SVGElement>>>;
1979
1980
 
1980
1981
  declare interface CategoryBarProps_2 {
1981
1982
  data: {
@@ -2032,7 +2033,7 @@ declare interface ChartComputation {
2032
2033
  /**
2033
2034
  * @experimental This is an experimental component use it at your own risk
2034
2035
  */
2035
- export declare const ChartWidgetEmptyState: WithDataTestIdReturnType_5<ForwardRefExoticComponent<Props_6 & RefAttributes<HTMLDivElement>>>;
2036
+ export declare const ChartWidgetEmptyState: WithDataTestIdReturnType_3<ForwardRefExoticComponent<Props_6 & RefAttributes<HTMLDivElement>>>;
2036
2037
 
2037
2038
  declare interface ChatDashboardBarChartConfig extends ChatDashboardChartConfigBase {
2038
2039
  type: "bar";
@@ -2439,7 +2440,7 @@ declare const columnWidths: {
2439
2440
  readonly fit: 1;
2440
2441
  };
2441
2442
 
2442
- export declare const ComboChart: WithDataTestIdReturnType_4<ForwardRefExoticComponent<Omit<ChartPropsBase<ChartConfig> & {
2443
+ export declare const ComboChart: WithDataTestIdReturnType_5<ForwardRefExoticComponent<Omit<ChartPropsBase<ChartConfig> & {
2443
2444
  label?: boolean;
2444
2445
  legend?: boolean;
2445
2446
  showValueUnderLabel?: boolean;
@@ -3120,7 +3121,7 @@ declare type DateValue = {
3120
3121
  /**
3121
3122
  * @experimental This is an experimental component use it at your own risk
3122
3123
  */
3123
- export declare const DaytimePage: WithDataTestIdReturnType_5<typeof _DaytimePage>;
3124
+ export declare const DaytimePage: WithDataTestIdReturnType_3<typeof _DaytimePage>;
3124
3125
 
3125
3126
  declare function _DaytimePage({ children, header, period, embedded, hideOneSwitch, }: DaytimePageProps): JSX_2.Element;
3126
3127
 
@@ -4165,7 +4166,7 @@ export declare interface DeleteBlockNotesTextEditorPageDocumentPatch {
4165
4166
  /**
4166
4167
  * @experimental This is an experimental component use it at your own risk
4167
4168
  */
4168
- export declare const DetailsItem: WithDataTestIdReturnType_5<ForwardRefExoticComponent<DetailsItemType & RefAttributes<HTMLDivElement>>>;
4169
+ export declare const DetailsItem: WithDataTestIdReturnType_3<ForwardRefExoticComponent<DetailsItemType & RefAttributes<HTMLDivElement>>>;
4169
4170
 
4170
4171
  export declare type DetailsItemContent = (ComponentProps<typeof DataList.Item> & {
4171
4172
  type: "item";
@@ -4782,7 +4783,7 @@ declare interface F0AlertProps {
4782
4783
  onClose?: () => void;
4783
4784
  }
4784
4785
 
4785
- declare const F0AvatarAlert: WithDataTestIdReturnType_5<({ type, size, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, }: AlertAvatarProps_2) => JSX_2.Element>;
4786
+ declare const F0AvatarAlert: WithDataTestIdReturnType_3<({ type, size, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, }: AlertAvatarProps_2) => JSX_2.Element>;
4786
4787
 
4787
4788
  declare type F0AvatarCompanyProps = {
4788
4789
  name: string;
@@ -4878,7 +4879,7 @@ declare type F0AvatarListPropsAvatars = {
4878
4879
  avatars: (Omit<FileAvatarVariant, "type"> & F0AvatarListExtras & Record<string, unknown>)[];
4879
4880
  };
4880
4881
 
4881
- export declare const F0AvatarModule: WithDataTestIdReturnType_5<typeof F0AvatarModule_2>;
4882
+ export declare const F0AvatarModule: WithDataTestIdReturnType_3<typeof F0AvatarModule_2>;
4882
4883
 
4883
4884
  /**
4884
4885
  * Module avatar
@@ -5692,6 +5693,53 @@ export declare type F0ChatVoiceAttachment = {
5692
5693
  name?: string;
5693
5694
  };
5694
5695
 
5696
+ /**
5697
+ * @experimental This is an experimental component, use it at your own risk.
5698
+ */
5699
+ export declare const F0EmojiPicker: WithDataTestIdReturnType_3< {
5700
+ ({ label, value, defaultValue, onChange, clearable, disabled, locale, size, }: F0EmojiPickerProps_2): JSX_2.Element;
5701
+ displayName: string;
5702
+ }>;
5703
+
5704
+ export declare interface F0EmojiPickerProps {
5705
+ /**
5706
+ * Accessible label and tooltip for the trigger button.
5707
+ */
5708
+ label: string;
5709
+ /**
5710
+ * Selected emoji. Use with `onChange` to control the component.
5711
+ */
5712
+ value?: string | null;
5713
+ /**
5714
+ * Initially selected emoji when the component is uncontrolled.
5715
+ */
5716
+ defaultValue?: string | null;
5717
+ /**
5718
+ * Called with the selected emoji, or `null` when cleared.
5719
+ */
5720
+ onChange?: (emoji: string | null) => void;
5721
+ /**
5722
+ * Allows clearing the selected emoji from the picker.
5723
+ */
5724
+ clearable?: boolean;
5725
+ /**
5726
+ * Prevents opening the picker and changing the selected emoji.
5727
+ */
5728
+ disabled?: boolean;
5729
+ /**
5730
+ * Locale used by the search and category labels in the picker.
5731
+ */
5732
+ locale?: string;
5733
+ /**
5734
+ * Size of the trigger avatar.
5735
+ */
5736
+ size?: F0EmojiPickerSize;
5737
+ }
5738
+
5739
+ export declare type F0EmojiPickerSize = (typeof f0EmojiPickerSizes)[number];
5740
+
5741
+ export declare const f0EmojiPickerSizes: readonly ["sm", "md", "lg"];
5742
+
5695
5743
  export declare type F0FileAction = {
5696
5744
  icon?: IconType;
5697
5745
  label: string;
@@ -6358,13 +6406,13 @@ export declare type F0SelectTagProp = string | {
6358
6406
  /**
6359
6407
  * @experimental This is an experimental component use it at your own risk
6360
6408
  */
6361
- export declare const F0TableOfContent: WithDataTestIdReturnType_5<typeof _F0TableOfContent>;
6409
+ export declare const F0TableOfContent: WithDataTestIdReturnType_3<typeof _F0TableOfContent>;
6362
6410
 
6363
6411
  declare function _F0TableOfContent(props: TOCProps): JSX_2.Element;
6364
6412
 
6365
- declare const F0TagAlert: WithDataTestIdReturnType_5<ForwardRefExoticComponent<Props_5 & RefAttributes<HTMLDivElement>>>;
6413
+ declare const F0TagAlert: WithDataTestIdReturnType_3<ForwardRefExoticComponent<Props_5 & RefAttributes<HTMLDivElement>>>;
6366
6414
 
6367
- declare const F0TagBalance: WithDataTestIdReturnType_5<ForwardRefExoticComponent<F0TagBalanceProps_2 & RefAttributes<HTMLDivElement>>>;
6415
+ declare const F0TagBalance: WithDataTestIdReturnType_3<ForwardRefExoticComponent<F0TagBalanceProps_2 & RefAttributes<HTMLDivElement>>>;
6368
6416
 
6369
6417
  declare type F0TagBalanceProps = {
6370
6418
  /**
@@ -6396,7 +6444,7 @@ declare type F0TagBalanceProps = {
6396
6444
  formatterOptions?: undefined;
6397
6445
  });
6398
6446
 
6399
- declare const F0TagCompany: WithDataTestIdReturnType_5<ForwardRefExoticComponent<F0TagCompanyProps & RefAttributes<HTMLDivElement>>>;
6447
+ declare const F0TagCompany: WithDataTestIdReturnType_3<ForwardRefExoticComponent<F0TagCompanyProps & RefAttributes<HTMLDivElement>>>;
6400
6448
 
6401
6449
  declare type F0TagListProps<T extends TagType_2> = {
6402
6450
  /**
@@ -6418,9 +6466,9 @@ declare type F0TagListProps<T extends TagType_2> = {
6418
6466
  remainingCount?: number;
6419
6467
  };
6420
6468
 
6421
- declare const F0TagPerson: WithDataTestIdReturnType_5<ForwardRefExoticComponent<F0TagPersonProps & RefAttributes<HTMLDivElement>>>;
6469
+ declare const F0TagPerson: WithDataTestIdReturnType_3<ForwardRefExoticComponent<F0TagPersonProps & RefAttributes<HTMLDivElement>>>;
6422
6470
 
6423
- declare const F0TagRaw: WithDataTestIdReturnType_5<ForwardRefExoticComponent<F0TagRawProps_2 & RefAttributes<HTMLDivElement>>>;
6471
+ declare const F0TagRaw: WithDataTestIdReturnType_3<ForwardRefExoticComponent<F0TagRawProps_2 & RefAttributes<HTMLDivElement>>>;
6424
6472
 
6425
6473
  declare type F0TagRawProps = {
6426
6474
  /**
@@ -6463,7 +6511,7 @@ declare interface F0TagStatusProps {
6463
6511
  additionalAccessibleText?: string;
6464
6512
  }
6465
6513
 
6466
- declare const F0TagTeam: WithDataTestIdReturnType_5<ForwardRefExoticComponent<F0TagTeamProps & RefAttributes<HTMLDivElement>>>;
6514
+ declare const F0TagTeam: WithDataTestIdReturnType_3<ForwardRefExoticComponent<F0TagTeamProps & RefAttributes<HTMLDivElement>>>;
6467
6515
 
6468
6516
  /**
6469
6517
  * F0TextAreaInput is the writable multi-line text field for forms — a box
@@ -7596,7 +7644,7 @@ declare type Level = (typeof levels)[number];
7596
7644
 
7597
7645
  declare const levels: readonly ["info", "warning", "critical", "positive"];
7598
7646
 
7599
- export declare const LineChart: WithDataTestIdReturnType_4<ForwardRefExoticComponent<Omit<LineChartPropsBase<LineChartConfig> & {
7647
+ export declare const LineChart: WithDataTestIdReturnType_5<ForwardRefExoticComponent<Omit<LineChartPropsBase<LineChartConfig> & {
7600
7648
  lineType?: "natural" | "linear";
7601
7649
  } & RefAttributes<HTMLDivElement>, "ref"> & RefAttributes<HTMLElement | SVGElement>>>;
7602
7650
 
@@ -8240,7 +8288,7 @@ action: BulkAction,
8240
8288
  /**
8241
8289
  * @experimental This is an experimental component use it at your own risk
8242
8290
  */
8243
- export declare const OneApprovalHistory: WithDataTestIdReturnType_5<FC<OneApprovalHistoryProps>>;
8291
+ export declare const OneApprovalHistory: WithDataTestIdReturnType_3<FC<OneApprovalHistoryProps>>;
8244
8292
 
8245
8293
  declare type OneApprovalHistoryProps = {
8246
8294
  steps: ApprovalStep[];
@@ -8547,7 +8595,7 @@ declare interface OnePaginationProps {
8547
8595
  /**
8548
8596
  * @experimental This is an experimental component use it at your own risk
8549
8597
  */
8550
- export declare const OnePersonListItem: WithDataTestIdReturnType_5<default_2.ForwardRefExoticComponent<OnePersonListItemProps & default_2.RefAttributes<HTMLDivElement>> & {
8598
+ export declare const OnePersonListItem: WithDataTestIdReturnType_3<default_2.ForwardRefExoticComponent<OnePersonListItemProps & default_2.RefAttributes<HTMLDivElement>> & {
8551
8599
  Skeleton: () => default_2.JSX.Element;
8552
8600
  }>;
8553
8601
 
@@ -8634,7 +8682,7 @@ declare interface OverflowListProps<T> {
8634
8682
  /**
8635
8683
  * @experimental This is an experimental component use it at your own risk
8636
8684
  */
8637
- export declare const Page: WithDataTestIdReturnType_5<typeof _Page>;
8685
+ export declare const Page: WithDataTestIdReturnType_3<typeof _Page>;
8638
8686
 
8639
8687
  declare function _Page({ children, header, embedded }: PageProps): JSX_2.Element;
8640
8688
 
@@ -8803,7 +8851,7 @@ declare type PersonProfile = {
8803
8851
 
8804
8852
  declare type PersonTagProps = ComponentProps<typeof F0TagPerson>;
8805
8853
 
8806
- export declare const PieChart: WithDataTestIdReturnType_4<ForwardRefExoticComponent<Omit<PieChartProps & RefAttributes<HTMLDivElement>, "ref"> & RefAttributes<HTMLElement | SVGElement>>>;
8854
+ export declare const PieChart: WithDataTestIdReturnType_5<ForwardRefExoticComponent<Omit<PieChartProps & RefAttributes<HTMLDivElement>, "ref"> & RefAttributes<HTMLElement | SVGElement>>>;
8807
8855
 
8808
8856
  export declare const PieChartWidget: ForwardRefExoticComponent<Omit<WidgetProps_2 & {
8809
8857
  chart: PieChartProps_2;
@@ -9013,7 +9061,7 @@ declare type ProductUpdatesProp = {
9013
9061
  };
9014
9062
  };
9015
9063
 
9016
- export declare const ProgressBarChart: WithDataTestIdReturnType_4<ForwardRefExoticComponent<Omit<ChartPropsBase<ChartConfig_2> & {
9064
+ export declare const ProgressBarChart: WithDataTestIdReturnType_5<ForwardRefExoticComponent<Omit<ChartPropsBase<ChartConfig_2> & {
9017
9065
  value: number;
9018
9066
  max?: number;
9019
9067
  label?: string;
@@ -9150,7 +9198,7 @@ declare type Pulse = (typeof pulses)[number];
9150
9198
 
9151
9199
  declare const pulses: readonly ["superNegative", "negative", "neutral", "positive", "superPositive"];
9152
9200
 
9153
- export declare const RadarChart: WithDataTestIdReturnType_4<ForwardRefExoticComponent<Omit<RadarChartProps<ChartConfig_2> & {
9201
+ export declare const RadarChart: WithDataTestIdReturnType_5<ForwardRefExoticComponent<Omit<RadarChartProps<ChartConfig_2> & {
9154
9202
  dataTestId?: string;
9155
9203
  } & RefAttributes<HTMLDivElement>, "ref"> & RefAttributes<HTMLElement | SVGElement>>>;
9156
9204
 
@@ -9544,7 +9592,7 @@ declare const shortcutVariants: (props?: ({
9544
9592
  className?: ClassValue;
9545
9593
  })) | undefined) => string;
9546
9594
 
9547
- export declare const Sidebar: WithDataTestIdReturnType_5<typeof _Sidebar>;
9595
+ export declare const Sidebar: WithDataTestIdReturnType_3<typeof _Sidebar>;
9548
9596
 
9549
9597
  declare function _Sidebar({ header, body, footer, onFooterDropdownClick, }: SidebarProps): JSX_2.Element;
9550
9598
 
@@ -9607,7 +9655,7 @@ export declare type SidebarChatAction = {
9607
9655
 
9608
9656
  export declare type SidebarChatActions = Omit<SidebarChatStore, "groups" | "activeChatId" | "unreadChatsCount">;
9609
9657
 
9610
- export declare const SidebarChatBlankState: WithDataTestIdReturnType_3<typeof _SidebarChatBlankState>;
9658
+ export declare const SidebarChatBlankState: WithDataTestIdReturnType_4<typeof _SidebarChatBlankState>;
9611
9659
 
9612
9660
  /**
9613
9661
  * Compact blank state for a sidebar conversation list. Shared by the people
@@ -10343,7 +10391,7 @@ export declare type TableVisualizationType = "table" | "editableTable";
10343
10391
  /**
10344
10392
  * @experimental This is an experimental component use it at your own risk
10345
10393
  */
10346
- export declare const Tabs: WithDataTestIdReturnType_5<FC<TabsProps> & {
10394
+ export declare const Tabs: WithDataTestIdReturnType_3<FC<TabsProps> & {
10347
10395
  Skeleton: FC<Pick<TabsProps, "secondary">>;
10348
10396
  }>;
10349
10397
 
@@ -10604,7 +10652,7 @@ export declare const ToggleGroupItem: React_2.ForwardRefExoticComponent<Omit<Tog
10604
10652
  /**
10605
10653
  * @experimental This is an experimental component use it at your own risk
10606
10654
  */
10607
- export declare const Tooltip: WithDataTestIdReturnType_5<(props: TooltipProps) => default_2.JSX.Element>;
10655
+ export declare const Tooltip: WithDataTestIdReturnType_3<(props: TooltipProps) => default_2.JSX.Element>;
10608
10656
 
10609
10657
  declare type TooltipInternalProps = {
10610
10658
  children: default_2.ReactNode;
@@ -11103,7 +11151,7 @@ export declare interface VersionAuthor {
11103
11151
  src?: string;
11104
11152
  }
11105
11153
 
11106
- export declare const VerticalBarChart: WithDataTestIdReturnType_4<ForwardRefExoticComponent<Omit<ChartPropsBase<ChartConfig_2> & {
11154
+ export declare const VerticalBarChart: WithDataTestIdReturnType_5<ForwardRefExoticComponent<Omit<ChartPropsBase<ChartConfig_2> & {
11107
11155
  label?: boolean;
11108
11156
  showRatio?: boolean;
11109
11157
  valueFormatter?: (value: string | number | undefined) => string | number;
@@ -11297,7 +11345,7 @@ declare type WelcomeSuggestionClickEvent = {
11297
11345
  /**
11298
11346
  * @experimental This is an experimental component use it at your own risk
11299
11347
  */
11300
- export declare const Widget: WithDataTestIdReturnType_5<default_2.ForwardRefExoticComponent<WidgetProps & {
11348
+ export declare const Widget: WithDataTestIdReturnType_3<default_2.ForwardRefExoticComponent<WidgetProps & {
11301
11349
  children: ReactNode;
11302
11350
  } & default_2.RefAttributes<HTMLDivElement>> & {
11303
11351
  Skeleton: default_2.ForwardRefExoticComponent<WidgetSkeletonProps & default_2.RefAttributes<HTMLDivElement>>;
@@ -11322,7 +11370,7 @@ export declare type WidgetAvatarsListItemProps = {
11322
11370
  /**
11323
11371
  * @experimental This is an experimental component use it at your own risk
11324
11372
  */
11325
- export declare const WidgetEmptyState: WithDataTestIdReturnType_5<typeof _WidgetEmptyState>;
11373
+ export declare const WidgetEmptyState: WithDataTestIdReturnType_3<typeof _WidgetEmptyState>;
11326
11374
 
11327
11375
  declare function _WidgetEmptyState({ title, description, emoji, actions, }: WidgetEmptyStateProps): JSX_2.Element;
11328
11376
 
@@ -11376,7 +11424,7 @@ export declare interface WidgetProps {
11376
11424
  /**
11377
11425
  * @experimental This is an experimental component use it at your own risk
11378
11426
  */
11379
- export declare const WidgetSection: WithDataTestIdReturnType_5<ForwardRefExoticComponent< {
11427
+ export declare const WidgetSection: WithDataTestIdReturnType_3<ForwardRefExoticComponent< {
11380
11428
  children?: ReactNode | undefined;
11381
11429
  } & {
11382
11430
  title?: string;