@bsol-oss/react-datatable5 13.0.1-beta.36 → 13.0.1-beta.38

package/dist/index.d.ts

@@ -9,7 +9,7 @@ import { UseQueryResult } from '@tanstack/react-query';
 import { RankingInfo } from '@tanstack/match-sorter-utils';
 import { JSONSchema7 } from 'json-schema';
 import * as react_hook_form from 'react-hook-form';
-import { UseFormReturn, FieldValues, SubmitHandler } from 'react-hook-form';
+import { UseFormReturn, FieldValues } from 'react-hook-form';
 import dayjs from 'dayjs';
 
 interface TableHeaderTexts {
@@ -700,12 +700,6 @@ interface FormRootProps<TData extends FieldValues> {
     setIdMap: Dispatch<SetStateAction<Record<string, unknown>>>;
     form: UseFormReturn<TData, any, TData>;
     children: ReactNode;
-    onSubmit?: SubmitHandler<TData>;
-    displayConfig?: {
-        showSubmitButton?: boolean;
-        showResetButton?: boolean;
-        showTitle?: boolean;
-    };
     dateTimePickerLabels?: DateTimePickerLabels;
     idPickerLabels?: IdPickerLabels;
     enumPickerLabels?: EnumPickerLabels;
@@ -721,16 +715,13 @@ interface CustomJSONSchema7Definition extends JSONSchema7 {
     customQueryFn: any;
     children: ReactNode;
 }
-declare const FormRoot: <TData extends FieldValues>({ schema, idMap, setIdMap, form, children, onSubmit, displayConfig, dateTimePickerLabels, idPickerLabels, enumPickerLabels, filePickerLabels, formButtonLabels, timePickerLabels, insideDialog, }: FormRootProps<TData>) => react_jsx_runtime.JSX.Element;
+declare const FormRoot: <TData extends FieldValues>({ schema, idMap, setIdMap, form, children, dateTimePickerLabels, idPickerLabels, enumPickerLabels, filePickerLabels, formButtonLabels, timePickerLabels, insideDialog, }: FormRootProps<TData>) => react_jsx_runtime.JSX.Element;
 
 interface DefaultFormProps<TData extends FieldValues> {
-    formConfig: Omit<FormRootProps<TData>, "children">;
-    showTitle?: boolean;
+    formConfig: Omit<FormRootProps<TData>, 'children'>;
 }
 declare const DefaultForm: <TData extends FieldValues>({ formConfig, }: DefaultFormProps<TData>) => react_jsx_runtime.JSX.Element;
 
-declare const FormTitle: () => react_jsx_runtime.JSX.Element;
-
 declare const FormBody: () => react_jsx_runtime.JSX.Element;
 
 type MediaLibraryBrowserPropsBase = {
@@ -1478,4 +1469,4 @@ declare module '@tanstack/react-table' {
     }
 }
 
-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, TimeRangeZoom, type TimeRangeZoomLabels, type TimeRangeZoomProps, TimeViewportBlock, type TimeViewportBlockItem, type TimeViewportBlockProps, type TimeViewportBlockRenderArgs, TimeViewportBlocks, type TimeViewportBlocksProps, TimeViewportGrid, type TimeViewportGridProps, TimeViewportHeader, type TimeViewportHeaderProps, type TimeViewportHeaderTick, TimeViewportMarkerLine, type TimeViewportMarkerLineProps, TimeViewportRoot, type TimeViewportRootProps, type TimeViewportTrackRenderArgs, type UseDataTableProps, type UseDataTableReturn, type UseDataTableServerProps, type UseDataTableServerReturn, type UseFormProps, type UseTimeRangeZoomResult, type UseTimeViewportBlockGeometryResult, type UseTimeViewportDerivedResult, type UseTimeViewportTicksResult, type ValidationErrorType, ViewDialog, type ViewableTimeRange, defaultRenderDisplay, getMultiDates, getRangeDates, useDataTable, useDataTableContext, useDataTableServer, useForm, useTimeRangeZoom, useTimeViewport, useTimeViewportBlockGeometry, useTimeViewportHeader, useTimeViewportTicks };
+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, 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, TimeRangeZoom, type TimeRangeZoomLabels, type TimeRangeZoomProps, TimeViewportBlock, type TimeViewportBlockItem, type TimeViewportBlockProps, type TimeViewportBlockRenderArgs, TimeViewportBlocks, type TimeViewportBlocksProps, TimeViewportGrid, type TimeViewportGridProps, TimeViewportHeader, type TimeViewportHeaderProps, type TimeViewportHeaderTick, TimeViewportMarkerLine, type TimeViewportMarkerLineProps, TimeViewportRoot, type TimeViewportRootProps, type TimeViewportTrackRenderArgs, type UseDataTableProps, type UseDataTableReturn, type UseDataTableServerProps, type UseDataTableServerReturn, type UseFormProps, type UseTimeRangeZoomResult, type UseTimeViewportBlockGeometryResult, type UseTimeViewportDerivedResult, type UseTimeViewportTicksResult, type ValidationErrorType, ViewDialog, type ViewableTimeRange, defaultRenderDisplay, getMultiDates, getRangeDates, useDataTable, useDataTableContext, useDataTableServer, useForm, useTimeRangeZoom, useTimeViewport, useTimeViewportBlockGeometry, useTimeViewportHeader, useTimeViewportTicks };

package/dist/index.js

@@ -4190,11 +4190,6 @@ const SchemaFormContext = React.createContext({
     schema: {},
     onSubmit: async () => { },
     timezone: 'Asia/Hong_Kong',
-    displayConfig: {
-        showSubmitButton: false,
-        showResetButton: false,
-        showTitle: true,
-    },
 });
 
 const useSchemaContext = () => {
@@ -7087,34 +7082,6 @@ function DateTimePicker$1({ value, onChange, format = 'date-time', showSeconds =
         }
     };
     // Display text for buttons
-    React.useMemo(() => {
-        if (!selectedDate)
-            return labels?.selectDateLabel ?? 'Select date';
-        return dayjs(selectedDate).tz(tz).format('YYYY-MM-DD');
-    }, [selectedDate, tz, labels]);
-    React.useMemo(() => {
-        const selectTimeLabel = timePickerLabels?.selectTimeLabel ?? 'Select time';
-        if (hour === null || minute === null)
-            return selectTimeLabel;
-        if (is24Hour) {
-            // 24-hour format: never show meridiem, always use 24-hour format (0-23)
-            const hour24 = hour >= 0 && hour <= 23 ? hour : hour % 24;
-            const s = second ?? 0;
-            if (showSeconds) {
-                return `${hour24.toString().padStart(2, '0')}:${minute.toString().padStart(2, '0')}:${s.toString().padStart(2, '0')}`;
-            }
-            return `${hour24.toString().padStart(2, '0')}:${minute.toString().padStart(2, '0')}`;
-        }
-        else {
-            // 12-hour format: always show meridiem (AM/PM)
-            const hour12 = hour >= 1 && hour <= 12 ? hour : hour % 12;
-            if (meridiem === null)
-                return selectTimeLabel;
-            const hourDisplay = hour12.toString();
-            const minuteDisplay = minute.toString().padStart(2, '0');
-            return `${hourDisplay}:${minuteDisplay} ${meridiem.toUpperCase()}`;
-        }
-    }, [hour, minute, second, meridiem, is24Hour, showSeconds, timePickerLabels]);
     const timezoneDisplayText = React.useMemo(() => {
         if (!showTimezoneSelector)
             return '';
@@ -7876,68 +7843,24 @@ const ColumnRenderer = ({ column, properties, prefix, parentRequired, }) => {
     return jsxRuntime.jsx(SchemaRenderer, { schema: schemaWithRequired, prefix, column });
 };
 
-const SubmitButton = () => {
-    const { onSubmit, formButtonLabels } = useSchemaContext();
-    const methods = reactHookForm.useFormContext();
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    const onValid = async (data) => {
-        // Validation is handled by react-hook-form
-        // This function will only be called if validation passes
-        if (onSubmit) {
-            await onSubmit(data);
-        }
-    };
-    return (jsxRuntime.jsx(react.Button, { onClick: () => {
-            methods.handleSubmit(onValid)();
-        }, formNoValidate: true, children: formButtonLabels?.submit ?? 'Submit' }));
-};
-
 const FormBody = () => {
-    const { schema, displayConfig, formButtonLabels } = useSchemaContext();
-    const { showSubmitButton, showResetButton } = displayConfig;
-    const methods = reactHookForm.useFormContext();
-    console.log('errors', methods.formState.errors);
+    const { schema } = useSchemaContext();
     const { properties } = schema;
     const ordered = Object.keys(properties);
-    return (jsxRuntime.jsxs(react.Flex, { flexFlow: 'column', gap: "2", children: [jsxRuntime.jsx(react.Grid, { gap: "4", gridTemplateColumns: 'repeat(12, 1fr)', autoFlow: 'row', children: ordered.map((column) => {
-                    if (!properties) {
-                        console.error('properties is undefined when using FormBody', schema);
-                        return null;
-                    }
-                    return (jsxRuntime.jsx(ColumnRenderer, { properties: properties, prefix: ``, parentRequired: schema.required, column }, `form-input-${column}`));
-                }) }), (showResetButton || showSubmitButton) && (jsxRuntime.jsxs(react.Flex, { justifyContent: 'end', gap: "2", children: [showResetButton && (jsxRuntime.jsx(react.Button, { onClick: () => {
-                            methods.reset();
-                        }, variant: 'subtle', children: formButtonLabels?.reset ?? 'Reset' })), showSubmitButton && jsxRuntime.jsx(SubmitButton, {})] }))] }));
-};
-
-const FormTitle = () => {
-    const { schema } = useSchemaContext();
-    // Debug log when form title is missing
-    if (!schema.title) {
-        console.debug('[Form Title] Missing title in root schema. Add title property to schema.', {
-            schema: {
-                type: schema.type,
-                properties: schema.properties
-                    ? Object.keys(schema.properties)
-                    : undefined,
-            },
-        });
-    }
-    return jsxRuntime.jsx(react.Heading, { children: schema.title ?? 'Form' });
+    return (jsxRuntime.jsx(react.Flex, { flexFlow: 'column', gap: "2", children: jsxRuntime.jsx(react.Grid, { gap: "4", gridTemplateColumns: 'repeat(12, 1fr)', autoFlow: 'row', children: ordered.map((column) => {
+                if (!properties) {
+                    console.error('properties is undefined when using FormBody', schema);
+                    return null;
+                }
+                return (jsxRuntime.jsx(ColumnRenderer, { properties: properties, prefix: ``, parentRequired: schema.required, column }, `form-input-${column}`));
+            }) }) }));
 };
 
-const FormRoot = ({ schema, idMap, setIdMap, form, children, onSubmit = undefined, displayConfig = {
-    showSubmitButton: true,
-    showResetButton: true,
-    showTitle: true,
-}, dateTimePickerLabels, idPickerLabels, enumPickerLabels, filePickerLabels, formButtonLabels, timePickerLabels, insideDialog = false, }) => {
+const FormRoot = ({ schema, idMap, setIdMap, form, children, dateTimePickerLabels, idPickerLabels, enumPickerLabels, filePickerLabels, formButtonLabels, timePickerLabels, insideDialog = false, }) => {
     return (jsxRuntime.jsx(SchemaFormContext.Provider, { value: {
             schema,
-            // @ts-expect-error TODO: find appropriate types
-            onSubmit,
             idMap,
             setIdMap,
-            displayConfig,
             dateTimePickerLabels,
             idPickerLabels,
             enumPickerLabels,
@@ -7949,8 +7872,7 @@ const FormRoot = ({ schema, idMap, setIdMap, form, children, onSubmit = undefine
 };
 
 const DefaultForm = ({ formConfig, }) => {
-    const { showTitle } = formConfig.displayConfig ?? {};
-    return (jsxRuntime.jsx(FormRoot, { ...formConfig, children: jsxRuntime.jsxs(react.Grid, { gap: "2", children: [showTitle && jsxRuntime.jsx(FormTitle, {}), jsxRuntime.jsx(FormBody, {})] }) }));
+    return (jsxRuntime.jsx(FormRoot, { ...formConfig, children: jsxRuntime.jsx(react.Grid, { gap: "2", children: jsxRuntime.jsx(FormBody, {}) }) }));
 };
 
 function useForm({ preLoadedValues, schema, }) {
@@ -9530,7 +9452,6 @@ exports.ErrorAlert = ErrorAlert;
 exports.FilterDialog = FilterDialog;
 exports.FormBody = FormBody;
 exports.FormRoot = FormRoot;
-exports.FormTitle = FormTitle;
 exports.GlobalFilter = GlobalFilter;
 exports.MediaLibraryBrowser = MediaLibraryBrowser;
 exports.PageSizeControl = PageSizeControl;

package/dist/index.mjs

@@ -4170,11 +4170,6 @@ const SchemaFormContext = createContext({
     schema: {},
     onSubmit: async () => { },
     timezone: 'Asia/Hong_Kong',
-    displayConfig: {
-        showSubmitButton: false,
-        showResetButton: false,
-        showTitle: true,
-    },
 });
 
 const useSchemaContext = () => {
@@ -7067,34 +7062,6 @@ function DateTimePicker$1({ value, onChange, format = 'date-time', showSeconds =
         }
     };
     // Display text for buttons
-    useMemo(() => {
-        if (!selectedDate)
-            return labels?.selectDateLabel ?? 'Select date';
-        return dayjs(selectedDate).tz(tz).format('YYYY-MM-DD');
-    }, [selectedDate, tz, labels]);
-    useMemo(() => {
-        const selectTimeLabel = timePickerLabels?.selectTimeLabel ?? 'Select time';
-        if (hour === null || minute === null)
-            return selectTimeLabel;
-        if (is24Hour) {
-            // 24-hour format: never show meridiem, always use 24-hour format (0-23)
-            const hour24 = hour >= 0 && hour <= 23 ? hour : hour % 24;
-            const s = second ?? 0;
-            if (showSeconds) {
-                return `${hour24.toString().padStart(2, '0')}:${minute.toString().padStart(2, '0')}:${s.toString().padStart(2, '0')}`;
-            }
-            return `${hour24.toString().padStart(2, '0')}:${minute.toString().padStart(2, '0')}`;
-        }
-        else {
-            // 12-hour format: always show meridiem (AM/PM)
-            const hour12 = hour >= 1 && hour <= 12 ? hour : hour % 12;
-            if (meridiem === null)
-                return selectTimeLabel;
-            const hourDisplay = hour12.toString();
-            const minuteDisplay = minute.toString().padStart(2, '0');
-            return `${hourDisplay}:${minuteDisplay} ${meridiem.toUpperCase()}`;
-        }
-    }, [hour, minute, second, meridiem, is24Hour, showSeconds, timePickerLabels]);
     const timezoneDisplayText = useMemo(() => {
         if (!showTimezoneSelector)
             return '';
@@ -7856,68 +7823,24 @@ const ColumnRenderer = ({ column, properties, prefix, parentRequired, }) => {
     return jsx(SchemaRenderer, { schema: schemaWithRequired, prefix, column });
 };
 
-const SubmitButton = () => {
-    const { onSubmit, formButtonLabels } = useSchemaContext();
-    const methods = useFormContext();
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    const onValid = async (data) => {
-        // Validation is handled by react-hook-form
-        // This function will only be called if validation passes
-        if (onSubmit) {
-            await onSubmit(data);
-        }
-    };
-    return (jsx(Button$1, { onClick: () => {
-            methods.handleSubmit(onValid)();
-        }, formNoValidate: true, children: formButtonLabels?.submit ?? 'Submit' }));
-};
-
 const FormBody = () => {
-    const { schema, displayConfig, formButtonLabels } = useSchemaContext();
-    const { showSubmitButton, showResetButton } = displayConfig;
-    const methods = useFormContext();
-    console.log('errors', methods.formState.errors);
+    const { schema } = useSchemaContext();
     const { properties } = schema;
     const ordered = Object.keys(properties);
-    return (jsxs(Flex, { flexFlow: 'column', gap: "2", children: [jsx(Grid, { gap: "4", gridTemplateColumns: 'repeat(12, 1fr)', autoFlow: 'row', children: ordered.map((column) => {
-                    if (!properties) {
-                        console.error('properties is undefined when using FormBody', schema);
-                        return null;
-                    }
-                    return (jsx(ColumnRenderer, { properties: properties, prefix: ``, parentRequired: schema.required, column }, `form-input-${column}`));
-                }) }), (showResetButton || showSubmitButton) && (jsxs(Flex, { justifyContent: 'end', gap: "2", children: [showResetButton && (jsx(Button$1, { onClick: () => {
-                            methods.reset();
-                        }, variant: 'subtle', children: formButtonLabels?.reset ?? 'Reset' })), showSubmitButton && jsx(SubmitButton, {})] }))] }));
-};
-
-const FormTitle = () => {
-    const { schema } = useSchemaContext();
-    // Debug log when form title is missing
-    if (!schema.title) {
-        console.debug('[Form Title] Missing title in root schema. Add title property to schema.', {
-            schema: {
-                type: schema.type,
-                properties: schema.properties
-                    ? Object.keys(schema.properties)
-                    : undefined,
-            },
-        });
-    }
-    return jsx(Heading, { children: schema.title ?? 'Form' });
+    return (jsx(Flex, { flexFlow: 'column', gap: "2", children: jsx(Grid, { gap: "4", gridTemplateColumns: 'repeat(12, 1fr)', autoFlow: 'row', children: ordered.map((column) => {
+                if (!properties) {
+                    console.error('properties is undefined when using FormBody', schema);
+                    return null;
+                }
+                return (jsx(ColumnRenderer, { properties: properties, prefix: ``, parentRequired: schema.required, column }, `form-input-${column}`));
+            }) }) }));
 };
 
-const FormRoot = ({ schema, idMap, setIdMap, form, children, onSubmit = undefined, displayConfig = {
-    showSubmitButton: true,
-    showResetButton: true,
-    showTitle: true,
-}, dateTimePickerLabels, idPickerLabels, enumPickerLabels, filePickerLabels, formButtonLabels, timePickerLabels, insideDialog = false, }) => {
+const FormRoot = ({ schema, idMap, setIdMap, form, children, dateTimePickerLabels, idPickerLabels, enumPickerLabels, filePickerLabels, formButtonLabels, timePickerLabels, insideDialog = false, }) => {
     return (jsx(SchemaFormContext.Provider, { value: {
             schema,
-            // @ts-expect-error TODO: find appropriate types
-            onSubmit,
             idMap,
             setIdMap,
-            displayConfig,
             dateTimePickerLabels,
             idPickerLabels,
             enumPickerLabels,
@@ -7929,8 +7852,7 @@ const FormRoot = ({ schema, idMap, setIdMap, form, children, onSubmit = undefine
 };
 
 const DefaultForm = ({ formConfig, }) => {
-    const { showTitle } = formConfig.displayConfig ?? {};
-    return (jsx(FormRoot, { ...formConfig, children: jsxs(Grid, { gap: "2", children: [showTitle && jsx(FormTitle, {}), jsx(FormBody, {})] }) }));
+    return (jsx(FormRoot, { ...formConfig, children: jsx(Grid, { gap: "2", children: jsx(FormBody, {}) }) }));
 };
 
 function useForm({ preLoadedValues, schema, }) {
@@ -9492,4 +9414,4 @@ function DataTableServer({ columns, enableRowSelection = true, enableMultiRowSel
         }, children: jsx(DataTableServerContext.Provider, { value: { url: url ?? '', query }, children: children }) }));
 }
 
-export { CalendarDisplay, CardHeader, DataDisplay, DataTable, DataTableServer, DatePickerContext, DatePickerInput, DefaultCardTitle, DefaultForm, DefaultTable, DefaultTableServer, DensityToggleButton, EditSortingButton, EmptyState, ErrorAlert, FilterDialog, FormBody, FormRoot, FormTitle, GlobalFilter, MediaLibraryBrowser, PageSizeControl, Pagination, RecordDisplay, ReloadButton, ResetFilteringButton, ResetSelectionButton, ResetSortingButton, RowCountText, SelectAllRowsToggle, Table, TableBody, TableCardContainer, TableCards, TableComponent, TableControls, TableDataDisplay, TableFilter, TableFilterTags, TableFooter, TableHeader, TableLoadingComponent, TableSelector, TableSorter, TableViewer, TextCell, TimeRangeZoom, TimeViewportBlock, TimeViewportBlocks, TimeViewportGrid, TimeViewportHeader, TimeViewportMarkerLine, TimeViewportRoot, ViewDialog, defaultRenderDisplay, getMultiDates, getRangeDates, useDataTable, useDataTableContext, useDataTableServer, useForm, useTimeRangeZoom, useTimeViewport, useTimeViewportBlockGeometry, useTimeViewportHeader, useTimeViewportTicks };
+export { CalendarDisplay, CardHeader, DataDisplay, DataTable, DataTableServer, DatePickerContext, DatePickerInput, DefaultCardTitle, DefaultForm, DefaultTable, DefaultTableServer, DensityToggleButton, EditSortingButton, EmptyState, ErrorAlert, FilterDialog, FormBody, FormRoot, GlobalFilter, MediaLibraryBrowser, PageSizeControl, Pagination, RecordDisplay, ReloadButton, ResetFilteringButton, ResetSelectionButton, ResetSortingButton, RowCountText, SelectAllRowsToggle, Table, TableBody, TableCardContainer, TableCards, TableComponent, TableControls, TableDataDisplay, TableFilter, TableFilterTags, TableFooter, TableHeader, TableLoadingComponent, TableSelector, TableSorter, TableViewer, TextCell, TimeRangeZoom, TimeViewportBlock, TimeViewportBlocks, TimeViewportGrid, TimeViewportHeader, TimeViewportMarkerLine, TimeViewportRoot, ViewDialog, defaultRenderDisplay, getMultiDates, getRangeDates, useDataTable, useDataTableContext, useDataTableServer, useForm, useTimeRangeZoom, useTimeViewport, useTimeViewportBlockGeometry, useTimeViewportHeader, useTimeViewportTicks };

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

@@ -7,11 +7,6 @@ export interface SchemaFormContext<TData extends FieldValues> {
     idMap: Record<string, unknown>;
     setIdMap: Dispatch<SetStateAction<Record<string, unknown>>>;
     timezone?: string;
-    displayConfig: {
-        showSubmitButton?: boolean;
-        showResetButton?: boolean;
-        showTitle?: boolean;
-    };
     dateTimePickerLabels?: DateTimePickerLabels;
     idPickerLabels?: IdPickerLabels;
     enumPickerLabels?: EnumPickerLabels;

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

@@ -1,7 +1,6 @@
-import { FormRootProps } from "./FormRoot";
-import { FieldValues } from "react-hook-form";
+import { FormRootProps } from './FormRoot';
+import { FieldValues } from 'react-hook-form';
 export interface DefaultFormProps<TData extends FieldValues> {
-    formConfig: Omit<FormRootProps<TData>, "children">;
-    showTitle?: boolean;
+    formConfig: Omit<FormRootProps<TData>, 'children'>;
 }
 export declare const DefaultForm: <TData extends FieldValues>({ formConfig, }: DefaultFormProps<TData>) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,6 +1,6 @@
 import { JSONSchema7 } from 'json-schema';
 import { Dispatch, ReactNode, SetStateAction } from 'react';
-import { FieldValues, SubmitHandler, UseFormReturn } from 'react-hook-form';
+import { FieldValues, UseFormReturn } from 'react-hook-form';
 import { CustomJSONSchema7, DateTimePickerLabels, EnumPickerLabels, FilePickerLabels, FormButtonLabels, IdPickerLabels, TimePickerLabels } from '../types/CustomJSONSchema7';
 export interface FormRootProps<TData extends FieldValues> {
     /**
@@ -33,12 +33,6 @@ export interface FormRootProps<TData extends FieldValues> {
     setIdMap: Dispatch<SetStateAction<Record<string, unknown>>>;
     form: UseFormReturn<TData, any, TData>;
     children: ReactNode;
-    onSubmit?: SubmitHandler<TData>;
-    displayConfig?: {
-        showSubmitButton?: boolean;
-        showResetButton?: boolean;
-        showTitle?: boolean;
-    };
     dateTimePickerLabels?: DateTimePickerLabels;
     idPickerLabels?: IdPickerLabels;
     enumPickerLabels?: EnumPickerLabels;
@@ -54,4 +48,4 @@ export interface CustomJSONSchema7Definition extends JSONSchema7 {
     customQueryFn: any;
     children: ReactNode;
 }
-export declare const FormRoot: <TData extends FieldValues>({ schema, idMap, setIdMap, form, children, onSubmit, displayConfig, dateTimePickerLabels, idPickerLabels, enumPickerLabels, filePickerLabels, formButtonLabels, timePickerLabels, insideDialog, }: FormRootProps<TData>) => import("react/jsx-runtime").JSX.Element;
+export declare const FormRoot: <TData extends FieldValues>({ schema, idMap, setIdMap, form, children, dateTimePickerLabels, idPickerLabels, enumPickerLabels, filePickerLabels, formButtonLabels, timePickerLabels, insideDialog, }: FormRootProps<TData>) => import("react/jsx-runtime").JSX.Element;

package/dist/types/index.d.ts

@@ -125,7 +125,6 @@ export * from './components/DataTable/useDataTableServer';
 export * from './components/DataTable/context/useDataTableContext';
 export * from './components/Form/components/core/DefaultForm';
 export * from './components/Form/components/core/FormRoot';
-export * from './components/Form/components/core/FormTitle';
 export * from './components/Form/components/core/FormBody';
 export * from './components/Form/components/types/CustomJSONSchema7';
 export * from './components/Form/components/MediaLibraryBrowser';

package/package.json

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

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

@@ -1 +0,0 @@
-export declare const FormTitle: () => import("react/jsx-runtime").JSX.Element;

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

@@ -1 +0,0 @@
-export declare const SubmitButton: () => import("react/jsx-runtime").JSX.Element;