@bsol-oss/react-datatable5 13.0.1-beta.28 → 13.0.1-beta.29

package/dist/index.d.ts

@@ -487,27 +487,6 @@ interface DataTableContextProps<TData = unknown> extends Omit<DataTableProps, 't
 
 declare const useDataTableContext: <TData>() => DataTableContextProps<TData>;
 
-interface CustomQueryFnResponse {
-    /**
-     * The data of the query
-     */
-    data: any;
-    /**
-     * The id map of the data
-     */
-    idMap: Record<string, any>;
-}
-interface CustomQueryFnParams {
-    searching: string;
-    limit: number;
-    offset: number;
-    where?: Array<{
-        id: string;
-        value: string | string[];
-    }>;
-}
-type CustomQueryFn = (params: CustomQueryFnParams) => Promise<CustomQueryFnResponse>;
-
 type ValidationErrorType = 'minLength' | 'maxLength' | 'pattern' | 'minimum' | 'maximum' | 'multipleOf' | 'format' | 'type' | 'enum' | 'required' | 'minItems' | 'maxItems' | 'uniqueItems' | 'minProperties' | 'maxProperties' | 'anyOf' | 'oneOf' | 'allOf' | 'const' | 'additionalProperties' | 'dependencies';
 interface DateTimePickerLabels {
     monthNamesShort?: string[];
@@ -574,23 +553,23 @@ interface TimePickerLabels {
     emptyMessage?: string;
     selectTimeLabel?: string;
 }
-interface LoadInitialValuesParams {
+interface LoadInitialValuesParams<TRecord = unknown> {
     ids: string[];
-    customQueryFn: CustomQueryFn;
-    setIdMap: React__default.Dispatch<React__default.SetStateAction<Record<string, object>>>;
+    customQueryFn: CustomQueryFn<TRecord>;
+    setIdMap: React__default.Dispatch<React__default.SetStateAction<Record<string, TRecord>>>;
 }
-interface LoadInitialValuesResult {
+interface LoadInitialValuesResult<TRecord = unknown> {
     data: {
-        data: Record<string, any>[];
+        data: TRecord[];
         count: number;
     };
-    idMap: Record<string, object>;
+    idMap: Record<string, TRecord>;
 }
 interface CustomJSONSchema7 extends Omit<JSONSchema7, 'items' | 'additionalItems' | 'properties' | 'additionalProperties' | 'definitions' | 'patternProperties' | 'dependencies' | 'allOf' | 'anyOf' | 'oneOf' | 'not' | 'if' | 'then' | 'else' | 'contains'> {
     gridColumn?: string;
     gridRow?: string;
     customQueryFn?: CustomQueryFn;
-    variant?: 'custom-input' | 'id-picker' | 'text-area' | 'media-library-browser' | 'tag-picker' | 'file-picker' | 'date-range' | 'enum-picker' | 'radio';
+    variant?: 'custom-input' | 'id-picker' | 'text-area' | 'media-library-browser' | 'file-picker' | 'date-range' | 'enum-picker' | 'radio';
     renderDisplay?: (item: unknown) => ReactNode;
     itemToValue?: (item: unknown) => string;
     loadInitialValues?: (params: LoadInitialValuesParams) => Promise<LoadInitialValuesResult>;
@@ -615,23 +594,6 @@ interface CustomJSONSchema7 extends Omit<JSONSchema7, 'items' | 'additionalItems
     numberStorageType?: 'string' | 'number';
     errorMessage?: Record<Partial<ValidationErrorType> | string, string | Record<string, string>>;
     filePicker?: FilePickerProps;
-    tagPicker?: {
-        queryFn?: (params: {
-            where?: {
-                id: string;
-                value: string[];
-            }[];
-            limit?: number;
-            offset?: number;
-            searching?: string;
-        }) => Promise<{
-            data: {
-                data: any[];
-                count: number;
-            };
-            idMap?: Record<string, object>;
-        }>;
-    };
     dateTimePicker?: {
         showQuickActions?: boolean;
         quickActionLabels?: {
@@ -667,11 +629,6 @@ interface CustomJSONSchema7 extends Omit<JSONSchema7, 'items' | 'additionalItems
     contains?: CustomJSONSchema7;
 }
 declare const defaultRenderDisplay: (item: unknown) => ReactNode;
-interface TagPickerProps {
-    column: string;
-    schema: CustomJSONSchema7;
-    prefix: string;
-}
 interface FilePickerMediaFile {
     id: string;
     name: string;
@@ -687,6 +644,29 @@ interface FilePickerProps {
     enableUpload?: boolean;
     onUploadFile?: (file: File) => Promise<string>;
 }
+interface CustomQueryFnResponse<TRecord = unknown> {
+    /**
+     * The data of the query
+     */
+    data: {
+        data: TRecord[];
+        count: number;
+    };
+    /**
+     * The id map of the data
+     */
+    idMap: Record<string, TRecord>;
+}
+interface CustomQueryFnParams {
+    searching: string;
+    limit: number;
+    offset: number;
+    where?: Array<{
+        id: string;
+        value: string | string[];
+    }>;
+}
+type CustomQueryFn<TRecord = unknown> = (params: CustomQueryFnParams) => Promise<CustomQueryFnResponse<TRecord>>;
 
 interface FormRootProps<TData extends FieldValues> {
     /**
@@ -715,8 +695,8 @@ interface FormRootProps<TData extends FieldValues> {
      * }
      */
     schema: CustomJSONSchema7;
-    idMap: Record<string, object>;
-    setIdMap: Dispatch<SetStateAction<Record<string, object>>>;
+    idMap: Record<string, unknown>;
+    setIdMap: Dispatch<SetStateAction<Record<string, unknown>>>;
     form: UseFormReturn<TData, any, TData>;
     children: ReactNode;
     onSubmit?: SubmitHandler<TData>;
@@ -775,12 +755,12 @@ declare const MediaLibraryBrowser: ({ onFetchFiles, filterImageOnly, labels, ena
 
 interface UseFormProps<T> {
     preLoadedValues?: T | undefined;
-    schema?: CustomJSONSchema7;
+    schema: CustomJSONSchema7;
 }
 declare function useForm<T extends FieldValues = any>({ preLoadedValues, schema, }: UseFormProps<T>): {
     form: react_hook_form.UseFormReturn<T, any, T>;
-    idMap: Record<string, object>;
-    setIdMap: React$1.Dispatch<React$1.SetStateAction<Record<string, object>>>;
+    idMap: Record<string, unknown>;
+    setIdMap: React$1.Dispatch<React$1.SetStateAction<Record<string, unknown>>>;
 };
 
 interface CalendarDate {
@@ -1244,4 +1224,4 @@ declare module '@tanstack/react-table' {
     }
 }
 
-export { CalendarDisplay, type CalendarDisplayProps, type CalendarEvent, type CalendarProps, CardHeader, type CardHeaderProps, type CustomJSONSchema7, type CustomJSONSchema7Definition, DataDisplay, type DataDisplayProps, type DataResponse, DataTable, type DataTableDefaultState, type DataTableProps, DataTableServer, type DataTableServerProps, DatePickerContext, DatePickerInput, type DatePickerInputProps, type DatePickerLabels, type DatePickerProps, type DateTimePickerLabels, DefaultCardTitle, DefaultForm, type DefaultFormProps, DefaultTable, type DefaultTableProps, DefaultTableServer, type DefaultTableServerProps, DensityToggleButton, type DensityToggleButtonProps, type EditFilterButtonProps, EditSortingButton, type EditSortingButtonProps, type EditViewButtonProps, EmptyState, type EmptyStateProps, type EnumPickerLabels, ErrorAlert, type ErrorAlertProps, type FilePickerLabels, type FilePickerMediaFile, type FilePickerProps, FilterDialog, FormBody, type FormButtonLabels, FormRoot, type FormRootProps, FormTitle, type GetDateColorProps, type GetMultiDatesProps, type GetRangeDatesProps, type GetStyleProps, type GetVariantProps, GlobalFilter, type IdPickerLabels, type LoadInitialValuesParams, type LoadInitialValuesResult, MediaLibraryBrowser, type MediaLibraryBrowserProps, PageSizeControl, type PageSizeControlProps, Pagination, type QueryParams, type RangeCalendarProps, type RangeDatePickerLabels, type RangeDatePickerProps, RecordDisplay, type RecordDisplayProps, ReloadButton, type ReloadButtonProps, ResetFilteringButton, ResetSelectionButton, ResetSortingButton, type Result, RowCountText, SelectAllRowsToggle, type SelectAllRowsToggleProps, Table, TableBody, type TableBodyProps, TableCardContainer, type TableCardContainerProps, TableCards, type TableCardsProps, TableComponent, TableControls, type TableControlsProps, TableDataDisplay, type TableDataDisplayProps, TableFilter, TableFilterTags, type TableFilterTagsProps, TableFooter, type TableFooterProps, TableHeader, type TableHeaderProps, type TableHeaderTexts, TableLoadingComponent, type TableLoadingComponentProps, type TableProps, type TableRendererProps, type TableRowSelectorProps, TableSelector, TableSorter, TableViewer, type TagPickerProps, TextCell, type TextCellProps, type TimePickerLabels, type UseDataTableProps, type UseDataTableReturn, type UseDataTableServerProps, type UseDataTableServerReturn, type UseFormProps, type ValidationErrorType, ViewDialog, defaultRenderDisplay, getMultiDates, getRangeDates, useDataTable, useDataTableContext, useDataTableServer, useForm };
+export { CalendarDisplay, type CalendarDisplayProps, type CalendarEvent, type CalendarProps, CardHeader, type CardHeaderProps, type CustomJSONSchema7, type CustomJSONSchema7Definition, type CustomQueryFn, type CustomQueryFnParams, type CustomQueryFnResponse, DataDisplay, type DataDisplayProps, type DataResponse, DataTable, type DataTableDefaultState, type DataTableProps, DataTableServer, type DataTableServerProps, DatePickerContext, DatePickerInput, type DatePickerInputProps, type DatePickerLabels, type DatePickerProps, type DateTimePickerLabels, DefaultCardTitle, DefaultForm, type DefaultFormProps, DefaultTable, type DefaultTableProps, DefaultTableServer, type DefaultTableServerProps, DensityToggleButton, type DensityToggleButtonProps, type EditFilterButtonProps, EditSortingButton, type EditSortingButtonProps, type EditViewButtonProps, EmptyState, type EmptyStateProps, type EnumPickerLabels, ErrorAlert, type ErrorAlertProps, type FilePickerLabels, type FilePickerMediaFile, type FilePickerProps, FilterDialog, FormBody, type FormButtonLabels, FormRoot, type FormRootProps, FormTitle, type GetDateColorProps, type GetMultiDatesProps, type GetRangeDatesProps, type GetStyleProps, type GetVariantProps, GlobalFilter, type IdPickerLabels, type LoadInitialValuesParams, type LoadInitialValuesResult, MediaLibraryBrowser, type MediaLibraryBrowserProps, PageSizeControl, type PageSizeControlProps, Pagination, type QueryParams, type RangeCalendarProps, type RangeDatePickerLabels, type RangeDatePickerProps, RecordDisplay, type RecordDisplayProps, ReloadButton, type ReloadButtonProps, ResetFilteringButton, ResetSelectionButton, ResetSortingButton, type Result, RowCountText, SelectAllRowsToggle, type SelectAllRowsToggleProps, Table, TableBody, type TableBodyProps, TableCardContainer, type TableCardContainerProps, TableCards, type TableCardsProps, TableComponent, TableControls, type TableControlsProps, TableDataDisplay, type TableDataDisplayProps, TableFilter, TableFilterTags, type TableFilterTagsProps, TableFooter, type TableFooterProps, TableHeader, type TableHeaderProps, type TableHeaderTexts, TableLoadingComponent, type TableLoadingComponentProps, type TableProps, type TableRendererProps, type TableRowSelectorProps, TableSelector, TableSorter, TableViewer, TextCell, type TextCellProps, type TimePickerLabels, type UseDataTableProps, type UseDataTableReturn, type UseDataTableServerProps, type UseDataTableServerReturn, type UseFormProps, type ValidationErrorType, ViewDialog, defaultRenderDisplay, getMultiDates, getRangeDates, useDataTable, useDataTableContext, useDataTableServer, useForm };

package/dist/index.js

@@ -4987,7 +4987,7 @@ const EnumPicker = ({ column, isMultiple = false, schema, prefix, showTotalAndLi
                     }) }) }) }));
     }
     return (jsxRuntime.jsxs(Field, { label: formI18n.label(), required: isRequired, alignItems: 'stretch', gridColumn,
-        gridRow, errorText: undefined, invalid: !!errors[colLabel], children: [isMultiple && currentValue.length > 0 && (jsxRuntime.jsx(react.Flex, { flexFlow: 'wrap', gap: 1, mb: 2, children: currentValue.map((enumValue) => {
+        gridRow, errorText: jsxRuntime.jsx(jsxRuntime.Fragment, { children: fieldError }), invalid: !!fieldError, children: [isMultiple && currentValue.length > 0 && (jsxRuntime.jsx(react.Flex, { flexFlow: 'wrap', gap: 1, mb: 2, children: currentValue.map((enumValue) => {
                     if (!enumValue) {
                         return null;
                     }
@@ -4995,7 +4995,7 @@ const EnumPicker = ({ column, isMultiple = false, schema, prefix, showTotalAndLi
                             const newValue = currentValue.filter((val) => val !== enumValue);
                             setValue(colLabel, newValue);
                         }, children: renderEnumValue(enumValue) }, enumValue));
-                }) })), jsxRuntime.jsxs(react.Combobox.Root, { collection: collection, value: currentValue, onValueChange: handleValueChange, onInputValueChange: handleInputValueChange, multiple: isMultiple, closeOnSelect: !isMultiple, openOnClick: true, invalid: !!errors[colLabel], width: "100%", positioning: insideDialog
+                }) })), jsxRuntime.jsxs(react.Combobox.Root, { collection: collection, value: currentValue, onValueChange: handleValueChange, onInputValueChange: handleInputValueChange, multiple: isMultiple, closeOnSelect: !isMultiple, openOnClick: true, invalid: !!fieldError, width: "100%", positioning: insideDialog
                     ? { strategy: 'fixed', hideWhenDetached: true }
                     : undefined, children: [jsxRuntime.jsxs(react.Combobox.Control, { position: "relative", children: [!isMultiple &&
                                 selectedSingleValue &&
@@ -5018,7 +5018,7 @@ const EnumPicker = ({ column, isMultiple = false, schema, prefix, showTotalAndLi
                                         : undefined,
                                 } }), jsxRuntime.jsxs(react.Combobox.IndicatorGroup, { children: [!isMultiple && currentValue.length > 0 && (jsxRuntime.jsx(react.Combobox.ClearTrigger, { onClick: () => {
                                             setValue(colLabel, '');
-                                        } })), jsxRuntime.jsx(react.Combobox.Trigger, {})] })] }), insideDialog ? (jsxRuntime.jsx(react.Combobox.Positioner, { children: jsxRuntime.jsxs(react.Combobox.Content, { children: [showTotalAndLimit && (jsxRuntime.jsx(react.Text, { p: 2, fontSize: "sm", color: "fg.muted", children: `${enumPickerLabels?.total ?? 'Total'}: ${collection.items.length}` })), collection.items.length === 0 ? (jsxRuntime.jsx(react.Combobox.Empty, { children: enumPickerLabels?.emptySearchResult ?? 'No results found' })) : (jsxRuntime.jsx(jsxRuntime.Fragment, { children: collection.items.map((item, index) => (jsxRuntime.jsxs(react.Combobox.Item, { item: item, children: [jsxRuntime.jsx(react.Combobox.ItemText, { children: renderEnumValue(item.raw) }), jsxRuntime.jsx(react.Combobox.ItemIndicator, {})] }, item.value ?? `item-${index}`))) }))] }) })) : (jsxRuntime.jsx(react.Portal, { children: jsxRuntime.jsx(react.Combobox.Positioner, { children: jsxRuntime.jsxs(react.Combobox.Content, { children: [showTotalAndLimit && (jsxRuntime.jsx(react.Text, { p: 2, fontSize: "sm", color: "fg.muted", children: `${enumPickerLabels?.total ?? 'Total'}: ${collection.items.length}` })), collection.items.length === 0 ? (jsxRuntime.jsx(react.Combobox.Empty, { children: enumPickerLabels?.emptySearchResult ?? 'No results found' })) : (jsxRuntime.jsx(jsxRuntime.Fragment, { children: collection.items.map((item, index) => (jsxRuntime.jsxs(react.Combobox.Item, { item: item, children: [jsxRuntime.jsx(react.Combobox.ItemText, { children: renderEnumValue(item.raw) }), jsxRuntime.jsx(react.Combobox.ItemIndicator, {})] }, item.value ?? `item-${index}`))) }))] }) }) }))] })] }));
+                                        } })), jsxRuntime.jsx(react.Combobox.Trigger, {})] })] }), jsxRuntime.jsx(react.Portal, { disabled: insideDialog, children: jsxRuntime.jsx(react.Combobox.Positioner, { children: jsxRuntime.jsxs(react.Combobox.Content, { children: [showTotalAndLimit && (jsxRuntime.jsx(react.Text, { p: 2, fontSize: "sm", color: "fg.muted", children: `${enumPickerLabels?.total ?? 'Total'}: ${collection.items.length}` })), collection.items.length === 0 ? (jsxRuntime.jsx(react.Combobox.Empty, { children: enumPickerLabels?.emptySearchResult ?? 'No results found' })) : (jsxRuntime.jsx(jsxRuntime.Fragment, { children: collection.items.map((item, index) => (jsxRuntime.jsxs(react.Combobox.Item, { item: item, children: [jsxRuntime.jsx(react.Combobox.ItemText, { children: renderEnumValue(item.raw) }), jsxRuntime.jsx(react.Combobox.ItemIndicator, {})] }, item.value ?? `item-${index}`))) }))] }) }) })] })] }));
 };
 
 function isEnteringWindow(_ref) {
@@ -5978,13 +5978,14 @@ const useIdPickerData = ({ column, schema, prefix, isMultiple, }) => {
             return fallbackLabel;
         };
         const itemsFromDataList = dataList.map((item) => {
-            const rendered = renderFn(item);
-            const label = typeof rendered === 'string' ? rendered : JSON.stringify(item); // Use string for filtering
+            const typedItem = item;
+            const rendered = renderFn(typedItem);
+            const label = typeof rendered === 'string' ? rendered : JSON.stringify(typedItem); // Use string for filtering
             return {
                 label, // Use string for filtering
                 displayLabel: getDisplayString(rendered, label), // String representation for input display
-                value: itemToValueFn(item),
-                raw: item,
+                value: itemToValueFn(typedItem),
+                raw: typedItem,
             };
         });
         // Add items from idMap that match currentValue but aren't in dataList
@@ -6303,94 +6304,6 @@ const StringInputField = ({ column, schema, prefix, }) => {
     return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsx(Field, { label: formI18n.label(), required: isRequired, gridColumn: gridColumn, gridRow: gridRow, errorText: jsxRuntime.jsx(jsxRuntime.Fragment, { children: fieldError }), invalid: !!fieldError, children: jsxRuntime.jsx(react.Input, { ...register(`${colLabel}`, { required: isRequired }), autoComplete: "off" }) }) }));
 };
 
-const RadioCardItem = React__namespace.forwardRef(function RadioCardItem(props, ref) {
-    const { inputProps, label, description, addon, icon, indicator = jsxRuntime.jsx(react.RadioCard.ItemIndicator, {}), indicatorPlacement = "end", ...rest } = props;
-    const hasContent = label || description || icon;
-    const ContentWrapper = indicator ? react.RadioCard.ItemContent : React__namespace.Fragment;
-    return (jsxRuntime.jsxs(react.RadioCard.Item, { ...rest, children: [jsxRuntime.jsx(react.RadioCard.ItemHiddenInput, { ref: ref, ...inputProps }), jsxRuntime.jsxs(react.RadioCard.ItemControl, { children: [indicatorPlacement === "start" && indicator, hasContent && (jsxRuntime.jsxs(ContentWrapper, { children: [icon, label && jsxRuntime.jsx(react.RadioCard.ItemText, { children: label }), description && (jsxRuntime.jsx(react.RadioCard.ItemDescription, { children: description })), indicatorPlacement === "inside" && indicator] })), indicatorPlacement === "end" && indicator] }), addon && jsxRuntime.jsx(react.RadioCard.ItemAddon, { children: addon })] }));
-});
-const RadioCardRoot = react.RadioCard.Root;
-react.RadioCard.Label;
-react.RadioCard.ItemIndicator;
-
-const TagPicker = ({ column, schema }) => {
-    const { watch, formState: { errors }, setValue, } = reactHookForm.useFormContext();
-    if (schema.properties == undefined) {
-        throw new Error('schema properties undefined when using DatePicker');
-    }
-    const { gridColumn, gridRow, tagPicker } = schema;
-    if (!tagPicker?.queryFn) {
-        throw new Error('tagPicker.queryFn is required in schema. serverUrl has been removed.');
-    }
-    const query = reactQuery.useQuery({
-        queryKey: [`tagpicker`],
-        queryFn: async () => {
-            const result = await tagPicker.queryFn({
-                where: [],
-                limit: 100,
-                offset: 0,
-                searching: '',
-            });
-            return result.data || { data: [] };
-        },
-        staleTime: 10000,
-    });
-    const object_id = watch(column);
-    const existingTagsQuery = reactQuery.useQuery({
-        queryKey: [`existing`, object_id],
-        queryFn: async () => {
-            const result = await tagPicker.queryFn({
-                where: [
-                    {
-                        id: column,
-                        value: [object_id[0]],
-                    },
-                ],
-                limit: 100,
-                offset: 0,
-                searching: '',
-            });
-            return result.data || { data: [] };
-        },
-        enabled: object_id != undefined,
-        staleTime: 10000,
-    });
-    const { isLoading, isFetching, data, isPending, isError } = query;
-    const dataList = data?.data ?? [];
-    const existingTagList = existingTagsQuery.data?.data ?? [];
-    if (!!object_id === false) {
-        return jsxRuntime.jsx(jsxRuntime.Fragment, {});
-    }
-    return (jsxRuntime.jsxs(react.Flex, { flexFlow: 'column', gap: 4, gridColumn,
-        gridRow, children: [isFetching && jsxRuntime.jsx(jsxRuntime.Fragment, { children: "isFetching" }), isLoading && jsxRuntime.jsx(jsxRuntime.Fragment, { children: "isLoading" }), isPending && jsxRuntime.jsx(jsxRuntime.Fragment, { children: "isPending" }), isError && jsxRuntime.jsx(jsxRuntime.Fragment, { children: "isError" }), dataList.map(({ parent_tag_name, all_tags, is_mutually_exclusive }) => {
-                return (jsxRuntime.jsxs(react.Flex, { flexFlow: 'column', gap: 2, children: [jsxRuntime.jsx(react.Text, { children: parent_tag_name }), is_mutually_exclusive && (jsxRuntime.jsx(RadioCardRoot, { defaultValue: "next", variant: 'surface', onValueChange: (tagIds) => {
-                                const existedTags = Object.values(all_tags)
-                                    .filter(({ id }) => {
-                                    return existingTagList.some(({ tag_id }) => tag_id === id);
-                                })
-                                    .map(({ id }) => {
-                                    return id;
-                                });
-                                setValue(`${column}.${parent_tag_name}.current`, [
-                                    tagIds.value,
-                                ]);
-                                setValue(`${column}.${parent_tag_name}.old`, existedTags);
-                            }, children: jsxRuntime.jsx(react.Flex, { flexFlow: 'wrap', gap: 2, children: Object.entries(all_tags).map(([tagName, { id }]) => {
-                                    if (existingTagList.some(({ tag_id }) => tag_id === id)) {
-                                        return (jsxRuntime.jsx(RadioCardItem, { label: tagName, value: id, flex: '0 0 0%', disabled: true }, `${tagName}-${id}`));
-                                    }
-                                    return (jsxRuntime.jsx(RadioCardItem, { label: tagName, value: id, flex: '0 0 0%', colorPalette: 'blue' }, `${tagName}-${id}`));
-                                }) }) })), !is_mutually_exclusive && (jsxRuntime.jsx(react.CheckboxGroup, { onValueChange: (tagIds) => {
-                                setValue(`${column}.${parent_tag_name}.current`, tagIds);
-                            }, children: jsxRuntime.jsx(react.Flex, { flexFlow: 'wrap', gap: 2, children: Object.entries(all_tags).map(([tagName, { id }]) => {
-                                    if (existingTagList.some(({ tag_id }) => tag_id === id)) {
-                                        return (jsxRuntime.jsx(CheckboxCard, { label: tagName, value: id, flex: '0 0 0%', disabled: true, colorPalette: 'blue' }, `${tagName}-${id}`));
-                                    }
-                                    return (jsxRuntime.jsx(CheckboxCard, { label: tagName, value: id, flex: '0 0 0%' }, `${tagName}-${id}`));
-                                }) }) }))] }, `tag-${parent_tag_name}`));
-            }), errors[`${column}`] && (jsxRuntime.jsx(react.Text, { color: 'red.400', children: (errors[`${column}`]?.message ?? 'No error message') }))] }));
-};
-
 const Textarea = React__namespace.forwardRef(function Textarea({ value, onChange, ...props }, ref) {
     const handleChange = React__namespace.useCallback((e) => {
         if (onChange) {
@@ -7962,9 +7875,6 @@ const SchemaRenderer = ({ schema, prefix, column, }) => {
         if (variant === 'id-picker') {
             return jsxRuntime.jsx(IdPickerMultiple, { schema: colSchema, prefix, column });
         }
-        if (variant === 'tag-picker') {
-            return jsxRuntime.jsx(TagPicker, { schema: colSchema, prefix, column });
-        }
         if (variant === 'file-picker') {
             return jsxRuntime.jsx(FilePicker, { schema: colSchema, prefix, column });
         }

package/dist/index.mjs

@@ -1,5 +1,5 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { Button as Button$1, AbsoluteCenter, Spinner, Span, IconButton, Portal, Dialog, Flex, Text, useDisclosure, DialogBackdrop, RadioGroup as RadioGroup$1, Grid, Box, Slider as Slider$1, HStack, For, CheckboxCard as CheckboxCard$1, Input, Menu, createRecipeContext, createContext as createContext$1, Pagination as Pagination$1, usePaginationContext, Tooltip as Tooltip$1, Group, InputElement, Tag as Tag$1, Checkbox as Checkbox$1, Icon, VStack, Heading, EmptyState as EmptyState$2, List, Table as Table$1, Card, MenuRoot as MenuRoot$1, MenuTrigger as MenuTrigger$1, Clipboard, Badge, Link, Image, Alert, Field as Field$1, Popover, useFilter, useListCollection, Combobox, Tabs, useCombobox, Show, Skeleton, NumberInput, RadioCard, CheckboxGroup, Textarea as Textarea$1, InputGroup as InputGroup$1, Select, Stack } from '@chakra-ui/react';
+import { Button as Button$1, AbsoluteCenter, Spinner, Span, IconButton, Portal, Dialog, Flex, Text, useDisclosure, DialogBackdrop, RadioGroup as RadioGroup$1, Grid, Box, Slider as Slider$1, HStack, For, CheckboxCard as CheckboxCard$1, Input, Menu, createRecipeContext, createContext as createContext$1, Pagination as Pagination$1, usePaginationContext, Tooltip as Tooltip$1, Group, InputElement, Tag as Tag$1, Checkbox as Checkbox$1, Icon, VStack, Heading, EmptyState as EmptyState$2, List, Table as Table$1, Card, MenuRoot as MenuRoot$1, MenuTrigger as MenuTrigger$1, Clipboard, Badge, Link, Image, Alert, Field as Field$1, Popover, useFilter, useListCollection, Combobox, Tabs, useCombobox, Show, Skeleton, NumberInput, Textarea as Textarea$1, InputGroup as InputGroup$1, Select, Stack } from '@chakra-ui/react';
 import { AiOutlineColumnWidth } from 'react-icons/ai';
 import * as React from 'react';
 import { createContext, useContext, useState, useMemo, useCallback, useEffect, useRef } from 'react';
@@ -4967,7 +4967,7 @@ const EnumPicker = ({ column, isMultiple = false, schema, prefix, showTotalAndLi
                     }) }) }) }));
     }
     return (jsxs(Field, { label: formI18n.label(), required: isRequired, alignItems: 'stretch', gridColumn,
-        gridRow, errorText: undefined, invalid: !!errors[colLabel], children: [isMultiple && currentValue.length > 0 && (jsx(Flex, { flexFlow: 'wrap', gap: 1, mb: 2, children: currentValue.map((enumValue) => {
+        gridRow, errorText: jsx(Fragment, { children: fieldError }), invalid: !!fieldError, children: [isMultiple && currentValue.length > 0 && (jsx(Flex, { flexFlow: 'wrap', gap: 1, mb: 2, children: currentValue.map((enumValue) => {
                     if (!enumValue) {
                         return null;
                     }
@@ -4975,7 +4975,7 @@ const EnumPicker = ({ column, isMultiple = false, schema, prefix, showTotalAndLi
                             const newValue = currentValue.filter((val) => val !== enumValue);
                             setValue(colLabel, newValue);
                         }, children: renderEnumValue(enumValue) }, enumValue));
-                }) })), jsxs(Combobox.Root, { collection: collection, value: currentValue, onValueChange: handleValueChange, onInputValueChange: handleInputValueChange, multiple: isMultiple, closeOnSelect: !isMultiple, openOnClick: true, invalid: !!errors[colLabel], width: "100%", positioning: insideDialog
+                }) })), jsxs(Combobox.Root, { collection: collection, value: currentValue, onValueChange: handleValueChange, onInputValueChange: handleInputValueChange, multiple: isMultiple, closeOnSelect: !isMultiple, openOnClick: true, invalid: !!fieldError, width: "100%", positioning: insideDialog
                     ? { strategy: 'fixed', hideWhenDetached: true }
                     : undefined, children: [jsxs(Combobox.Control, { position: "relative", children: [!isMultiple &&
                                 selectedSingleValue &&
@@ -4998,7 +4998,7 @@ const EnumPicker = ({ column, isMultiple = false, schema, prefix, showTotalAndLi
                                         : undefined,
                                 } }), jsxs(Combobox.IndicatorGroup, { children: [!isMultiple && currentValue.length > 0 && (jsx(Combobox.ClearTrigger, { onClick: () => {
                                             setValue(colLabel, '');
-                                        } })), jsx(Combobox.Trigger, {})] })] }), insideDialog ? (jsx(Combobox.Positioner, { children: jsxs(Combobox.Content, { children: [showTotalAndLimit && (jsx(Text, { p: 2, fontSize: "sm", color: "fg.muted", children: `${enumPickerLabels?.total ?? 'Total'}: ${collection.items.length}` })), collection.items.length === 0 ? (jsx(Combobox.Empty, { children: enumPickerLabels?.emptySearchResult ?? 'No results found' })) : (jsx(Fragment, { children: collection.items.map((item, index) => (jsxs(Combobox.Item, { item: item, children: [jsx(Combobox.ItemText, { children: renderEnumValue(item.raw) }), jsx(Combobox.ItemIndicator, {})] }, item.value ?? `item-${index}`))) }))] }) })) : (jsx(Portal, { children: jsx(Combobox.Positioner, { children: jsxs(Combobox.Content, { children: [showTotalAndLimit && (jsx(Text, { p: 2, fontSize: "sm", color: "fg.muted", children: `${enumPickerLabels?.total ?? 'Total'}: ${collection.items.length}` })), collection.items.length === 0 ? (jsx(Combobox.Empty, { children: enumPickerLabels?.emptySearchResult ?? 'No results found' })) : (jsx(Fragment, { children: collection.items.map((item, index) => (jsxs(Combobox.Item, { item: item, children: [jsx(Combobox.ItemText, { children: renderEnumValue(item.raw) }), jsx(Combobox.ItemIndicator, {})] }, item.value ?? `item-${index}`))) }))] }) }) }))] })] }));
+                                        } })), jsx(Combobox.Trigger, {})] })] }), jsx(Portal, { disabled: insideDialog, children: jsx(Combobox.Positioner, { children: jsxs(Combobox.Content, { children: [showTotalAndLimit && (jsx(Text, { p: 2, fontSize: "sm", color: "fg.muted", children: `${enumPickerLabels?.total ?? 'Total'}: ${collection.items.length}` })), collection.items.length === 0 ? (jsx(Combobox.Empty, { children: enumPickerLabels?.emptySearchResult ?? 'No results found' })) : (jsx(Fragment, { children: collection.items.map((item, index) => (jsxs(Combobox.Item, { item: item, children: [jsx(Combobox.ItemText, { children: renderEnumValue(item.raw) }), jsx(Combobox.ItemIndicator, {})] }, item.value ?? `item-${index}`))) }))] }) }) })] })] }));
 };
 
 function isEnteringWindow(_ref) {
@@ -5958,13 +5958,14 @@ const useIdPickerData = ({ column, schema, prefix, isMultiple, }) => {
             return fallbackLabel;
         };
         const itemsFromDataList = dataList.map((item) => {
-            const rendered = renderFn(item);
-            const label = typeof rendered === 'string' ? rendered : JSON.stringify(item); // Use string for filtering
+            const typedItem = item;
+            const rendered = renderFn(typedItem);
+            const label = typeof rendered === 'string' ? rendered : JSON.stringify(typedItem); // Use string for filtering
             return {
                 label, // Use string for filtering
                 displayLabel: getDisplayString(rendered, label), // String representation for input display
-                value: itemToValueFn(item),
-                raw: item,
+                value: itemToValueFn(typedItem),
+                raw: typedItem,
             };
         });
         // Add items from idMap that match currentValue but aren't in dataList
@@ -6283,94 +6284,6 @@ const StringInputField = ({ column, schema, prefix, }) => {
     return (jsx(Fragment, { children: jsx(Field, { label: formI18n.label(), required: isRequired, gridColumn: gridColumn, gridRow: gridRow, errorText: jsx(Fragment, { children: fieldError }), invalid: !!fieldError, children: jsx(Input, { ...register(`${colLabel}`, { required: isRequired }), autoComplete: "off" }) }) }));
 };
 
-const RadioCardItem = React.forwardRef(function RadioCardItem(props, ref) {
-    const { inputProps, label, description, addon, icon, indicator = jsx(RadioCard.ItemIndicator, {}), indicatorPlacement = "end", ...rest } = props;
-    const hasContent = label || description || icon;
-    const ContentWrapper = indicator ? RadioCard.ItemContent : React.Fragment;
-    return (jsxs(RadioCard.Item, { ...rest, children: [jsx(RadioCard.ItemHiddenInput, { ref: ref, ...inputProps }), jsxs(RadioCard.ItemControl, { children: [indicatorPlacement === "start" && indicator, hasContent && (jsxs(ContentWrapper, { children: [icon, label && jsx(RadioCard.ItemText, { children: label }), description && (jsx(RadioCard.ItemDescription, { children: description })), indicatorPlacement === "inside" && indicator] })), indicatorPlacement === "end" && indicator] }), addon && jsx(RadioCard.ItemAddon, { children: addon })] }));
-});
-const RadioCardRoot = RadioCard.Root;
-RadioCard.Label;
-RadioCard.ItemIndicator;
-
-const TagPicker = ({ column, schema }) => {
-    const { watch, formState: { errors }, setValue, } = useFormContext();
-    if (schema.properties == undefined) {
-        throw new Error('schema properties undefined when using DatePicker');
-    }
-    const { gridColumn, gridRow, tagPicker } = schema;
-    if (!tagPicker?.queryFn) {
-        throw new Error('tagPicker.queryFn is required in schema. serverUrl has been removed.');
-    }
-    const query = useQuery({
-        queryKey: [`tagpicker`],
-        queryFn: async () => {
-            const result = await tagPicker.queryFn({
-                where: [],
-                limit: 100,
-                offset: 0,
-                searching: '',
-            });
-            return result.data || { data: [] };
-        },
-        staleTime: 10000,
-    });
-    const object_id = watch(column);
-    const existingTagsQuery = useQuery({
-        queryKey: [`existing`, object_id],
-        queryFn: async () => {
-            const result = await tagPicker.queryFn({
-                where: [
-                    {
-                        id: column,
-                        value: [object_id[0]],
-                    },
-                ],
-                limit: 100,
-                offset: 0,
-                searching: '',
-            });
-            return result.data || { data: [] };
-        },
-        enabled: object_id != undefined,
-        staleTime: 10000,
-    });
-    const { isLoading, isFetching, data, isPending, isError } = query;
-    const dataList = data?.data ?? [];
-    const existingTagList = existingTagsQuery.data?.data ?? [];
-    if (!!object_id === false) {
-        return jsx(Fragment, {});
-    }
-    return (jsxs(Flex, { flexFlow: 'column', gap: 4, gridColumn,
-        gridRow, children: [isFetching && jsx(Fragment, { children: "isFetching" }), isLoading && jsx(Fragment, { children: "isLoading" }), isPending && jsx(Fragment, { children: "isPending" }), isError && jsx(Fragment, { children: "isError" }), dataList.map(({ parent_tag_name, all_tags, is_mutually_exclusive }) => {
-                return (jsxs(Flex, { flexFlow: 'column', gap: 2, children: [jsx(Text, { children: parent_tag_name }), is_mutually_exclusive && (jsx(RadioCardRoot, { defaultValue: "next", variant: 'surface', onValueChange: (tagIds) => {
-                                const existedTags = Object.values(all_tags)
-                                    .filter(({ id }) => {
-                                    return existingTagList.some(({ tag_id }) => tag_id === id);
-                                })
-                                    .map(({ id }) => {
-                                    return id;
-                                });
-                                setValue(`${column}.${parent_tag_name}.current`, [
-                                    tagIds.value,
-                                ]);
-                                setValue(`${column}.${parent_tag_name}.old`, existedTags);
-                            }, children: jsx(Flex, { flexFlow: 'wrap', gap: 2, children: Object.entries(all_tags).map(([tagName, { id }]) => {
-                                    if (existingTagList.some(({ tag_id }) => tag_id === id)) {
-                                        return (jsx(RadioCardItem, { label: tagName, value: id, flex: '0 0 0%', disabled: true }, `${tagName}-${id}`));
-                                    }
-                                    return (jsx(RadioCardItem, { label: tagName, value: id, flex: '0 0 0%', colorPalette: 'blue' }, `${tagName}-${id}`));
-                                }) }) })), !is_mutually_exclusive && (jsx(CheckboxGroup, { onValueChange: (tagIds) => {
-                                setValue(`${column}.${parent_tag_name}.current`, tagIds);
-                            }, children: jsx(Flex, { flexFlow: 'wrap', gap: 2, children: Object.entries(all_tags).map(([tagName, { id }]) => {
-                                    if (existingTagList.some(({ tag_id }) => tag_id === id)) {
-                                        return (jsx(CheckboxCard, { label: tagName, value: id, flex: '0 0 0%', disabled: true, colorPalette: 'blue' }, `${tagName}-${id}`));
-                                    }
-                                    return (jsx(CheckboxCard, { label: tagName, value: id, flex: '0 0 0%' }, `${tagName}-${id}`));
-                                }) }) }))] }, `tag-${parent_tag_name}`));
-            }), errors[`${column}`] && (jsx(Text, { color: 'red.400', children: (errors[`${column}`]?.message ?? 'No error message') }))] }));
-};
-
 const Textarea = React.forwardRef(function Textarea({ value, onChange, ...props }, ref) {
     const handleChange = React.useCallback((e) => {
         if (onChange) {
@@ -7942,9 +7855,6 @@ const SchemaRenderer = ({ schema, prefix, column, }) => {
         if (variant === 'id-picker') {
             return jsx(IdPickerMultiple, { schema: colSchema, prefix, column });
         }
-        if (variant === 'tag-picker') {
-            return jsx(TagPicker, { schema: colSchema, prefix, column });
-        }
         if (variant === 'file-picker') {
             return jsx(FilePicker, { schema: colSchema, prefix, column });
         }

package/dist/types/components/Form/SchemaFormContext.d.ts

@@ -4,8 +4,8 @@ import { CustomJSONSchema7, DateTimePickerLabels, EnumPickerLabels, FilePickerLa
 export interface SchemaFormContext<TData extends FieldValues> {
     schema: CustomJSONSchema7;
     onSubmit?: (data: TData) => Promise<void>;
-    idMap: Record<string, object>;
-    setIdMap: Dispatch<SetStateAction<Record<string, object>>>;
+    idMap: Record<string, unknown>;
+    setIdMap: Dispatch<SetStateAction<Record<string, unknown>>>;
     timezone?: string;
     displayConfig: {
         showSubmitButton?: boolean;

package/dist/types/components/Form/components/core/FormRoot.d.ts

@@ -29,8 +29,8 @@ export interface FormRootProps<TData extends FieldValues> {
      * }
      */
     schema: CustomJSONSchema7;
-    idMap: Record<string, object>;
-    setIdMap: Dispatch<SetStateAction<Record<string, object>>>;
+    idMap: Record<string, unknown>;
+    setIdMap: Dispatch<SetStateAction<Record<string, unknown>>>;
     form: UseFormReturn<TData, any, TData>;
     children: ReactNode;
     onSubmit?: SubmitHandler<TData>;

package/dist/types/components/Form/components/fields/StringInputField.d.ts

@@ -1,24 +1,4 @@
 import { InputDefaultProps } from './types';
 export interface StringInputFieldProps extends InputDefaultProps {
 }
-export interface CustomQueryFnResponse {
-    /**
-     * The data of the query
-     */
-    data: any;
-    /**
-     * The id map of the data
-     */
-    idMap: Record<string, any>;
-}
-export interface CustomQueryFnParams {
-    searching: string;
-    limit: number;
-    offset: number;
-    where?: Array<{
-        id: string;
-        value: string | string[];
-    }>;
-}
-export type CustomQueryFn = (params: CustomQueryFnParams) => Promise<CustomQueryFnResponse>;
 export declare const StringInputField: ({ column, schema, prefix, }: StringInputFieldProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/components/Form/components/fields/useIdPickerData.d.ts

@@ -38,7 +38,7 @@ export interface UseIdPickerDataReturn {
         value: string;
         raw: RecordType;
     }>) => void;
-    idMap: Record<string, object>;
+    idMap: Record<string, unknown>;
     idPickerLabels?: IdPickerLabels;
     insideDialog: boolean;
     renderDisplay: ((item: RecordType) => React.ReactNode) | undefined;

package/dist/types/components/Form/components/types/CustomJSONSchema7.d.ts

@@ -1,6 +1,5 @@
 import { JSONSchema7 } from 'json-schema';
 import { ReactNode } from 'react';
-import { CustomQueryFn } from '../fields/StringInputField';
 import { UseFormReturn } from 'react-hook-form';
 import React from 'react';
 export type ValidationErrorType = 'minLength' | 'maxLength' | 'pattern' | 'minimum' | 'maximum' | 'multipleOf' | 'format' | 'type' | 'enum' | 'required' | 'minItems' | 'maxItems' | 'uniqueItems' | 'minProperties' | 'maxProperties' | 'anyOf' | 'oneOf' | 'allOf' | 'const' | 'additionalProperties' | 'dependencies';
@@ -69,23 +68,23 @@ export interface TimePickerLabels {
     emptyMessage?: string;
     selectTimeLabel?: string;
 }
-export interface LoadInitialValuesParams {
+export interface LoadInitialValuesParams<TRecord = unknown> {
     ids: string[];
-    customQueryFn: CustomQueryFn;
-    setIdMap: React.Dispatch<React.SetStateAction<Record<string, object>>>;
+    customQueryFn: CustomQueryFn<TRecord>;
+    setIdMap: React.Dispatch<React.SetStateAction<Record<string, TRecord>>>;
 }
-export interface LoadInitialValuesResult {
+export interface LoadInitialValuesResult<TRecord = unknown> {
     data: {
-        data: Record<string, any>[];
+        data: TRecord[];
         count: number;
     };
-    idMap: Record<string, object>;
+    idMap: Record<string, TRecord>;
 }
 export interface CustomJSONSchema7 extends Omit<JSONSchema7, 'items' | 'additionalItems' | 'properties' | 'additionalProperties' | 'definitions' | 'patternProperties' | 'dependencies' | 'allOf' | 'anyOf' | 'oneOf' | 'not' | 'if' | 'then' | 'else' | 'contains'> {
     gridColumn?: string;
     gridRow?: string;
     customQueryFn?: CustomQueryFn;
-    variant?: 'custom-input' | 'id-picker' | 'text-area' | 'media-library-browser' | 'tag-picker' | 'file-picker' | 'date-range' | 'enum-picker' | 'radio';
+    variant?: 'custom-input' | 'id-picker' | 'text-area' | 'media-library-browser' | 'file-picker' | 'date-range' | 'enum-picker' | 'radio';
     renderDisplay?: (item: unknown) => ReactNode;
     itemToValue?: (item: unknown) => string;
     loadInitialValues?: (params: LoadInitialValuesParams) => Promise<LoadInitialValuesResult>;
@@ -110,23 +109,6 @@ export interface CustomJSONSchema7 extends Omit<JSONSchema7, 'items' | 'addition
     numberStorageType?: 'string' | 'number';
     errorMessage?: Record<Partial<ValidationErrorType> | string, string | Record<string, string>>;
     filePicker?: FilePickerProps;
-    tagPicker?: {
-        queryFn?: (params: {
-            where?: {
-                id: string;
-                value: string[];
-            }[];
-            limit?: number;
-            offset?: number;
-            searching?: string;
-        }) => Promise<{
-            data: {
-                data: any[];
-                count: number;
-            };
-            idMap?: Record<string, object>;
-        }>;
-    };
     dateTimePicker?: {
         showQuickActions?: boolean;
         quickActionLabels?: {
@@ -162,11 +144,6 @@ export interface CustomJSONSchema7 extends Omit<JSONSchema7, 'items' | 'addition
     contains?: CustomJSONSchema7;
 }
 export declare const defaultRenderDisplay: (item: unknown) => ReactNode;
-export interface TagPickerProps {
-    column: string;
-    schema: CustomJSONSchema7;
-    prefix: string;
-}
 export interface FilePickerMediaFile {
     id: string;
     name: string;
@@ -182,3 +159,26 @@ export interface FilePickerProps {
     enableUpload?: boolean;
     onUploadFile?: (file: File) => Promise<string>;
 }
+export interface CustomQueryFnResponse<TRecord = unknown> {
+    /**
+     * The data of the query
+     */
+    data: {
+        data: TRecord[];
+        count: number;
+    };
+    /**
+     * The id map of the data
+     */
+    idMap: Record<string, TRecord>;
+}
+export interface CustomQueryFnParams {
+    searching: string;
+    limit: number;
+    offset: number;
+    where?: Array<{
+        id: string;
+        value: string | string[];
+    }>;
+}
+export type CustomQueryFn<TRecord = unknown> = (params: CustomQueryFnParams) => Promise<CustomQueryFnResponse<TRecord>>;

package/dist/types/components/Form/useForm.d.ts

@@ -3,10 +3,10 @@ import { FieldValues } from 'react-hook-form';
 import { CustomJSONSchema7 } from './components/types/CustomJSONSchema7';
 export interface UseFormProps<T> {
     preLoadedValues?: T | undefined;
-    schema?: CustomJSONSchema7;
+    schema: CustomJSONSchema7;
 }
 export declare function useForm<T extends FieldValues = any>({ preLoadedValues, schema, }: UseFormProps<T>): {
     form: import("react-hook-form").UseFormReturn<T, any, T>;
-    idMap: Record<string, object>;
-    setIdMap: import("react").Dispatch<import("react").SetStateAction<Record<string, object>>>;
+    idMap: Record<string, unknown>;
+    setIdMap: import("react").Dispatch<import("react").SetStateAction<Record<string, unknown>>>;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bsol-oss/react-datatable5",
-  "version": "13.0.1-beta.28",
+  "version": "13.0.1-beta.29",
   "type": "module",
   "main": "dist/index.js",
   "module": "dist/index.mjs",

package/dist/types/components/Form/components/fields/TagPicker.d.ts

@@ -1,25 +0,0 @@
-import { TagPickerProps } from '../types/CustomJSONSchema7';
-export interface Tag {
-    id: string;
-    name: string;
-    comment: string | null;
-    extra_info: string | null;
-    created_at: string;
-    updated_at: string;
-    table_id: string | null;
-    parent_id: string;
-}
-export interface AllTags {
-    [tagName: string]: Tag;
-}
-export interface TagData {
-    table_name: string;
-    parent_tag_name: string;
-    parent_tag_id: string;
-    all_tags: AllTags;
-    is_mutually_exclusive: boolean;
-}
-export interface TagResponse {
-    data: TagData[];
-}
-export declare const TagPicker: ({ column, schema }: TagPickerProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/components/Form/components/viewers/TagViewer.d.ts

@@ -1,30 +0,0 @@
-import { CustomJSONSchema7 } from '../types/CustomJSONSchema7';
-export interface Tag {
-    id: string;
-    name: string;
-    comment: string | null;
-    extra_info: string | null;
-    created_at: string;
-    updated_at: string;
-    table_id: string | null;
-    parent_id: string;
-}
-export interface AllTags {
-    [tagName: string]: Tag;
-}
-export interface TagData {
-    table_name: string;
-    parent_tag_name: string;
-    parent_tag_id: string;
-    all_tags: AllTags;
-    is_mutually_exclusive: boolean;
-}
-export interface TagResponse {
-    data: TagData[];
-}
-export interface TagViewerProps {
-    column: string;
-    schema: CustomJSONSchema7;
-    prefix: string;
-}
-export declare const TagViewer: ({ column, schema }: TagViewerProps) => import("react/jsx-runtime").JSX.Element;