fix: wip

packages/ui/primitives/data-table.tsx

@@ -26,6 +26,7 @@ export interface DataTableProps<TData, TValue> {
   totalPages?: number;
   onPaginationChange?: (_page: number, _perPage: number) => void;
   onClearFilters?: () => void;
+  emptyState?: React.ReactNode;
   hasFilters?: boolean;
   children?: DataTableChildren<TData>;
   skeleton?: {
@@ -52,6 +53,7 @@ export function DataTable<TData, TValue>({
   onClearFilters,
   onPaginationChange,
   children,
+  emptyState,
 }: DataTableProps<TData, TValue>) {
   const pagination = useMemo<PaginationState>(() => {
     if (currentPage !== undefined && perPage !== undefined) {
@@ -142,17 +144,21 @@ export function DataTable<TData, TValue>({
             ) : (
               <TableRow>
                 <TableCell colSpan={columns.length} className="h-32 text-center">
-                  <p>
-                    <Trans>No results found</Trans>
-                  </p>
+                  {emptyState ?? (
+                    <>
+                      <p>
+                        <Trans>No results found</Trans>
+                      </p>
 
-                  {hasFilters && onClearFilters !== undefined && (
-                    <button
-                      onClick={() => onClearFilters()}
-                      className="text-foreground mt-1 text-sm"
-                    >
-                      <Trans>Clear filters</Trans>
-                    </button>
+                      {hasFilters && onClearFilters !== undefined && (
+                        <button
+                          onClick={() => onClearFilters()}
+                          className="text-foreground mt-1 text-sm"
+                        >
+                          <Trans>Clear filters</Trans>
+                        </button>
+                      )}
+                    </>
                   )}
                 </TableCell>
               </TableRow>

packages/ui/primitives/document-flow/add-fields.tsx

@@ -93,7 +93,7 @@ export type AddFieldsFormProps = {
   onSubmit: (_data: TAddFieldsFormSchema) => void;
   canGoBack?: boolean;
   isDocumentPdfLoaded: boolean;
-  teamId?: number;
+  teamId: number;
 };
 
 export const AddFieldsFormPartial = ({

packages/ui/primitives/document-flow/field-item-advanced-settings.tsx

@@ -41,7 +41,7 @@ import { RadioFieldAdvancedSettings } from './field-items-advanced-settings/radi
 import { TextFieldAdvancedSettings } from './field-items-advanced-settings/text-field';
 
 export type FieldAdvancedSettingsProps = {
-  teamId?: number;
+  teamId: number;
   title: MessageDescriptor;
   description: MessageDescriptor;
   field: FieldFormType;

packages/ui/primitives/multi-select-combobox.tsx

@@ -26,6 +26,7 @@ type MultiSelectComboboxProps<T = OptionValue> = {
   enableClearAllButton?: boolean;
   enableSearch?: boolean;
   className?: string;
+  contentClassName?: string;
   loading?: boolean;
   inputPlaceholder?: MessageDescriptor;
   onChange: (_values: T[]) => void;
@@ -46,6 +47,7 @@ export function MultiSelectCombobox<T = OptionValue>({
   enableClearAllButton,
   enableSearch = true,
   className,
+  contentClassName,
   inputPlaceholder,
   loading,
   onChange,
@@ -149,7 +151,7 @@ export function MultiSelectCombobox<T = OptionValue>({
         )}
       </div>
 
-      <PopoverContent className="w-[200px] p-0">
+      <PopoverContent className={cn('z-[50000000] w-full p-0', contentClassName)}>
         <Command>
           {enableSearch && <CommandInput placeholder={inputPlaceholder && _(inputPlaceholder)} />}
           <CommandEmpty>

packages/ui/primitives/template-flow/add-template-fields.tsx

@@ -72,7 +72,7 @@ export type AddTemplateFieldsFormProps = {
   recipients: Recipient[];
   fields: Field[];
   onSubmit: (_data: TAddTemplateFieldsFormSchema) => void;
-  teamId?: number;
+  teamId: number;
 };
 
 export const AddTemplateFieldsFormPartial = ({