@bsol-oss/react-datatable5 12.0.0-beta.5 → 12.0.0-beta.51

package/dist/types/components/DataTable/DataTable.d.ts

@@ -1,7 +1,8 @@
 import { ColumnDef, ColumnFiltersState, ColumnOrderState, FilterFn, OnChangeFn, PaginationState, RowSelectionState, SortingState, VisibilityState } from "@tanstack/react-table";
 import { ReactNode } from "react";
 import { RankingInfo } from "@tanstack/match-sorter-utils";
-import { DensityState } from "../Controls/DensityFeature";
+import { DensityState } from "./controls/DensityFeature";
+import { DataTableLabel } from "./context/DataTableContext";
 import { UseTranslationResponse } from "react-i18next";
 declare module "@tanstack/react-table" {
     interface FilterFns {
@@ -49,6 +50,7 @@ export interface DataTableProps<TData = unknown> {
     setDensity: OnChangeFn<DensityState>;
     setColumnVisibility: OnChangeFn<VisibilityState>;
     translate: UseTranslationResponse<any, any>;
+    tableLabel: DataTableLabel;
 }
 /**
  * DataTable will create a context to hold all values to
@@ -60,4 +62,4 @@ export interface DataTableProps<TData = unknown> {
  *
  * @link https://tanstack.com/table/latest/docs/guide/column-defs
  */
-export declare function DataTable<TData = unknown>({ columns, data, enableRowSelection, enableMultiRowSelection, enableSubRowSelection, columnOrder, columnFilters, columnVisibility, density, globalFilter, pagination, sorting, rowSelection, setPagination, setSorting, setColumnFilters, setRowSelection, setGlobalFilter, setColumnOrder, setDensity, setColumnVisibility, translate, children, }: DataTableProps<TData>): import("react/jsx-runtime").JSX.Element;
+export declare function DataTable<TData = unknown>({ columns, data, enableRowSelection, enableMultiRowSelection, enableSubRowSelection, columnOrder, columnFilters, columnVisibility, density, globalFilter, pagination, sorting, rowSelection, setPagination, setSorting, setColumnFilters, setRowSelection, setGlobalFilter, setColumnOrder, setDensity, setColumnVisibility, translate, children, tableLabel, }: DataTableProps<TData>): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/DataTable/DataTableServer.d.ts

@@ -1,7 +1,8 @@
 import { ReactNode } from "react";
 import { UseQueryResult } from "@tanstack/react-query";
 import { ColumnDef, ColumnFiltersState, ColumnOrderState, OnChangeFn, PaginationState, RowSelectionState, SortingState, VisibilityState } from "@tanstack/react-table";
-import { DensityState } from "../Controls/DensityFeature";
+import { DensityState } from "./controls/DensityFeature";
+import { DataTableLabel } from "./context/DataTableContext";
 import { DataResponse } from "./useDataTableServer";
 import { UseTranslationResponse } from "react-i18next";
 export interface DataTableServerProps<TData extends DataResponse = DataResponse<unknown>> {
@@ -36,6 +37,7 @@ export interface DataTableServerProps<TData extends DataResponse = DataResponse<
     query: UseQueryResult<TData>;
     url: string;
     translate: UseTranslationResponse<any, any>;
+    tableLabel: DataTableLabel;
 }
 /**
  * DataTableServer will create a context to hold all values to
@@ -48,4 +50,4 @@ export interface DataTableServerProps<TData extends DataResponse = DataResponse<
  *
  * @link https://tanstack.com/table/latest/docs/guide/column-defs
  */
-export declare function DataTableServer<TData extends DataResponse = DataResponse<unknown>>({ columns, enableRowSelection, enableMultiRowSelection, enableSubRowSelection, columnOrder, columnFilters, columnVisibility, density, globalFilter, pagination, sorting, rowSelection, setPagination, setSorting, setColumnFilters, setRowSelection, setGlobalFilter, setColumnOrder, setDensity, setColumnVisibility, query, url, translate, children, }: DataTableServerProps<TData>): import("react/jsx-runtime").JSX.Element;
+export declare function DataTableServer<TData extends DataResponse = DataResponse<unknown>>({ columns, enableRowSelection, enableMultiRowSelection, enableSubRowSelection, columnOrder, columnFilters, columnVisibility, density, globalFilter, pagination, sorting, rowSelection, setPagination, setSorting, setColumnFilters, setRowSelection, setGlobalFilter, setColumnOrder, setDensity, setColumnVisibility, query, url, translate, children, tableLabel, }: DataTableServerProps<TData>): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/DataTable/DefaultTable.d.ts

@@ -1,18 +1,15 @@
-import { TableHeaderProps as ChakraHeaderProps } from "@chakra-ui/react";
-import { TableBodyProps } from "./TableBody";
-import { TableControlsProps } from "./TableControls";
-import { TableFooterProps } from "./TableFooter";
-import { TableHeaderProps } from "./TableHeader";
-import { TableProps } from "./Table";
+import { TableControlsProps } from "./controls/TableControls";
+import { TableProps } from "./display/Table";
+import { TableBodyProps } from "./display/TableBody";
+import { TableFooterProps } from "./display/TableFooter";
+import { TableHeaderProps } from "./display/TableHeader";
 export interface DefaultTableProps {
     showFooter?: boolean;
-    showSelector?: boolean;
     tableProps?: Omit<TableProps, "children">;
-    tHeadProps?: ChakraHeaderProps;
-    controlProps?: TableControlsProps;
-    tableFooterProps?: TableFooterProps;
-    tableBodyProps?: TableBodyProps;
     tableHeaderProps?: TableHeaderProps;
+    tableBodyProps?: TableBodyProps;
+    tableFooterProps?: TableFooterProps;
+    controlProps?: TableControlsProps;
     variant?: "" | "greedy";
 }
-export declare const DefaultTable: ({ showFooter, tableProps, tableHeaderProps, tableBodyProps, controlProps, tableFooterProps, variant, }: DefaultTableProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DefaultTable: ({ showFooter, tableProps, tableHeaderProps, tableBodyProps, tableFooterProps, controlProps, variant, }: DefaultTableProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/components/DataTable/context/DataTableContext.d.ts

@@ -1,11 +1,27 @@
 /// <reference types="react" />
 import { OnChangeFn, Table } from "@tanstack/react-table";
 import { UseTranslationResponse } from "react-i18next";
-export interface DataTableContext<TData = unknown> {
+import { DataTableProps } from "../DataTable";
+export interface DataTableLabel {
+    view: string;
+    edit: string;
+    filterButtonText: string;
+    filterTitle: string;
+    filterReset: string;
+    filterClose: string;
+    reloadTooltip: string;
+    reloadButtonText: string;
+    resetSelection: string;
+    resetSorting: string;
+    rowCountText: string;
+    hasErrorText: string;
+}
+export interface DataTableContextProps<TData = unknown> extends DataTableProps {
     table: Table<TData>;
     globalFilter: string;
     setGlobalFilter: OnChangeFn<string>;
     type: "client" | "server";
-    translate: UseTranslationResponse<any, any>;
+    translate: UseTranslationResponse<any, unknown>;
+    tableLabel: DataTableLabel;
 }
-export declare const DataTableContext: import("react").Context<DataTableContext<unknown>>;
+export declare const DataTableContext: import("react").Context<DataTableContextProps<unknown>>;

package/dist/types/components/DataTable/context/useDataTableContext.d.ts

@@ -1,2 +1,2 @@
-import { DataTableContext } from "./DataTableContext";
-export declare const useDataTableContext: <TData>() => DataTableContext<TData>;
+import { DataTableContextProps } from "./DataTableContext";
+export declare const useDataTableContext: <TData>() => DataTableContextProps<TData>;

package/dist/types/components/DataTable/controls/DensityFeature.d.ts

@@ -0,0 +1,23 @@
+import { OnChangeFn, Updater, RowData, TableFeature } from "@tanstack/react-table";
+export type DensityState = "sm" | "md" | "lg";
+export interface DensityTableState {
+    density: DensityState;
+}
+export interface DensityOptions {
+    enableDensity?: boolean;
+    onDensityChange?: OnChangeFn<DensityState>;
+}
+export interface DensityInstance {
+    setDensity: (updater: Updater<DensityState>) => void;
+    toggleDensity: (value?: DensityState) => void;
+    getDensityValue: (value?: DensityState) => number;
+}
+declare module "@tanstack/react-table" {
+    interface TableState extends DensityTableState {
+    }
+    interface TableOptionsResolved<TData extends RowData> extends DensityOptions {
+    }
+    interface Table<TData extends RowData> extends DensityInstance {
+    }
+}
+export declare const DensityFeature: TableFeature<any>;

package/dist/types/components/DataTable/controls/DensityToggleButton.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+export interface DensityToggleButtonProps {
+    icon?: React.ReactElement;
+    text?: string;
+}
+export declare const DensityToggleButton: ({ text, icon, }: DensityToggleButtonProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/components/DataTable/controls/EditSortingButton.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+export interface EditSortingButtonProps {
+    title?: string;
+    icon?: React.ReactElement;
+    text?: string;
+}
+export declare const EditSortingButton: ({ text, icon, title, }: EditSortingButtonProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/components/DataTable/controls/FilterDialog.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export interface EditFilterButtonProps {
+    icon?: React.ReactElement;
+}
+export declare const FilterDialog: ({ icon, }: EditFilterButtonProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/components/DataTable/controls/PageSizeControl.d.ts

@@ -0,0 +1,4 @@
+export interface PageSizeControlProps {
+    pageSizes?: number[];
+}
+export declare const PageSizeControl: ({ pageSizes, }: PageSizeControlProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/components/DataTable/controls/Pagination.d.ts

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

package/dist/types/components/DataTable/controls/ReloadButton.d.ts

@@ -0,0 +1,4 @@
+export interface ReloadButtonProps {
+    variant?: string;
+}
+export declare const ReloadButton: ({ variant, }: ReloadButtonProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/components/DataTable/controls/ResetFilteringButton.d.ts

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

package/dist/types/components/DataTable/controls/ResetSelectionButton.d.ts

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

package/dist/types/components/DataTable/controls/ResetSortingButton.d.ts

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

package/dist/types/components/DataTable/controls/RowCountText.d.ts

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

package/dist/types/components/DataTable/controls/SelectAllRowsToggle.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+export interface SelectAllRowsToggleProps {
+    selectAllIcon?: React.ReactElement;
+    clearAllIcon?: React.ReactElement;
+    selectAllText?: string;
+    clearAllText?: string;
+}
+export declare const SelectAllRowsToggle: ({ selectAllIcon, clearAllIcon, selectAllText, clearAllText, }: SelectAllRowsToggleProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/components/DataTable/controls/TableControls.d.ts

@@ -0,0 +1,26 @@
+import { GridProps } from "@chakra-ui/react";
+import { ReactNode } from "react";
+export interface TableControlsProps {
+    totalText?: string;
+    fitTableWidth?: boolean;
+    fitTableHeight?: boolean;
+    children?: ReactNode;
+    showGlobalFilter?: boolean;
+    showFilter?: boolean;
+    showFilterName?: boolean;
+    showFilterTags?: boolean;
+    showReload?: boolean;
+    showPagination?: boolean;
+    showPageSizeControl?: boolean;
+    showPageCountText?: boolean;
+    showView?: boolean;
+    filterOptions?: {
+        label: string;
+        value: string;
+    }[];
+    extraItems?: ReactNode;
+    loading?: boolean;
+    hasError?: boolean;
+    gridProps?: GridProps;
+}
+export declare const TableControls: ({ fitTableWidth, fitTableHeight, children, showGlobalFilter, showFilter, showFilterName, showFilterTags, showReload, showPagination, showPageSizeControl, showPageCountText, showView, filterOptions, extraItems, loading, hasError, gridProps, }: TableControlsProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/components/DataTable/controls/TableFilterTags.d.ts

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

package/dist/types/components/DataTable/controls/TableFilters.d.ts

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

package/dist/types/components/DataTable/controls/TableSelector.d.ts

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

package/dist/types/components/DataTable/controls/TableSorter.d.ts

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

package/dist/types/components/DataTable/controls/TableViewer.d.ts

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

package/dist/types/components/DataTable/controls/ViewDialog.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+export interface EditViewButtonProps {
+    icon?: React.ReactElement;
+}
+export declare const ViewDialog: ({ icon }: EditViewButtonProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/components/DataTable/display/CardHeader.d.ts

@@ -0,0 +1,13 @@
+import { ImageProps } from "@chakra-ui/react";
+import { Row } from "@tanstack/react-table";
+import { IconType } from "react-icons";
+export interface CardHeaderProps<TData> {
+    row: Row<TData>;
+    imageColumnId?: keyof TData;
+    titleColumnId?: keyof TData;
+    tagColumnId?: keyof TData;
+    tagIcon?: IconType;
+    showTag?: boolean;
+    imageProps?: ImageProps;
+}
+export declare const CardHeader: <TData>({ row, imageColumnId, titleColumnId, tagColumnId, tagIcon, showTag, imageProps, }: CardHeaderProps<TData>) => import("react/jsx-runtime").JSX.Element;

package/dist/types/components/DataTable/display/DataDisplay.d.ts

@@ -0,0 +1,6 @@
+import { UseTranslationResponse } from "react-i18next";
+export interface DataDisplayProps {
+    variant?: "horizontal" | "stats" | "";
+    translate?: UseTranslationResponse<any, any>;
+}
+export declare const DataDisplay: ({ variant }: DataDisplayProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/components/DataTable/display/EmptyState.d.ts

@@ -0,0 +1,5 @@
+export interface EmptyStateProps {
+    title?: string;
+    description?: string;
+}
+export declare const EmptyState: ({ title, description, }: EmptyStateProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/components/DataTable/display/ErrorAlert.d.ts

@@ -0,0 +1,4 @@
+export interface ErrorAlertProps {
+    showMessage?: boolean;
+}
+export declare const ErrorAlert: ({ showMessage }: ErrorAlertProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/components/DataTable/display/RecordDisplay.d.ts

@@ -0,0 +1,9 @@
+import { BoxProps } from "@chakra-ui/react";
+import { UseTranslationResponse } from "react-i18next";
+export interface RecordDisplayProps {
+    object: object | null;
+    boxProps?: BoxProps;
+    translate?: UseTranslationResponse<any, any>;
+    prefix?: string;
+}
+export declare const RecordDisplay: ({ object, boxProps, translate, prefix, }: RecordDisplayProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/components/DataTable/display/Table.d.ts

@@ -0,0 +1,10 @@
+import { TableRootProps } from "@chakra-ui/react";
+import { ReactNode } from "react";
+export interface TableProps extends TableRootProps {
+    showLoading?: boolean;
+    loadingComponent?: ReactNode;
+    emptyComponent?: ReactNode;
+    canResize?: boolean;
+    children: ReactNode;
+}
+export declare const Table: ({ children, emptyComponent, canResize, ...props }: TableProps) => string | number | bigint | boolean | Iterable<ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | import("react/jsx-runtime").JSX.Element | null;

package/dist/types/components/DataTable/display/TableBody.d.ts

@@ -0,0 +1,20 @@
+import { Row } from "@tanstack/react-table";
+export interface TableBodyProps {
+    pinnedBgColor?: {
+        light: string;
+        dark: string;
+    };
+    showSelector?: boolean;
+    alwaysShowSelector?: boolean;
+    canResize?: boolean;
+}
+export interface TableRowSelectorProps<TData> {
+    index: number;
+    row: Row<TData>;
+    hoveredRow: number;
+    pinnedBgColor?: {
+        light: string;
+        dark: string;
+    };
+}
+export declare const TableBody: ({ showSelector, canResize, }: TableBodyProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/components/DataTable/display/TableCardContainer.d.ts

@@ -0,0 +1,10 @@
+import { BoxProps, FlexProps } from "@chakra-ui/react";
+import { ReactNode } from "react";
+export interface TableCardContainerProps extends BoxProps {
+    children: ReactNode;
+    variant?: "carousel" | "";
+    gap?: string;
+    gridTemplateColumns?: string;
+    direction?: FlexProps["direction"];
+}
+export declare const TableCardContainer: ({ children, variant, gap, gridTemplateColumns, direction, ...props }: TableCardContainerProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/components/DataTable/display/TableCards.d.ts

@@ -0,0 +1,11 @@
+import { CardBodyProps } from "@chakra-ui/react";
+import { Row } from "@tanstack/react-table";
+import { ReactNode } from "react";
+export interface TableCardsProps<TData> {
+    isSelectable?: boolean;
+    showDisplayNameOnly?: boolean;
+    renderTitle?: (row: Row<TData>) => ReactNode | undefined;
+    cardBodyProps?: CardBodyProps;
+}
+export declare const DefaultCardTitle: () => import("react/jsx-runtime").JSX.Element;
+export declare const TableCards: <TData>({ isSelectable, showDisplayNameOnly, renderTitle, cardBodyProps, }: TableCardsProps<TData>) => import("react/jsx-runtime").JSX.Element;

package/dist/types/components/DataTable/display/TableComponent.d.ts

@@ -0,0 +1,6 @@
+import { Table } from "@tanstack/react-table";
+import React from "react";
+export interface TableRendererProps<TData> {
+    render: (render: Table<TData>) => React.ReactElement;
+}
+export declare const TableComponent: <TData>({ render, }: TableRendererProps<TData>) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;

package/dist/types/components/DataTable/display/TableDataDisplay.d.ts

@@ -0,0 +1,6 @@
+import { ReactNode } from "react";
+export interface TableDataDisplayProps {
+    colorPalette?: string;
+    emptyComponent?: ReactNode;
+}
+export declare const TableDataDisplay: ({ colorPalette, emptyComponent, }: TableDataDisplayProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/components/DataTable/display/TableFooter.d.ts

@@ -0,0 +1,5 @@
+export interface TableFooterProps {
+    showSelector?: boolean;
+    alwaysShowSelector?: boolean;
+}
+export declare const TableFooter: ({ showSelector, alwaysShowSelector, }: TableFooterProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/components/DataTable/display/TableHeader.d.ts

@@ -0,0 +1,51 @@
+import { TableHeaderProps as ChakraTableHeaderProps, TableRowProps } from "@chakra-ui/react";
+export interface TableHeaderTexts {
+    pinColumn?: string;
+    cancelPin?: string;
+    sortAscending?: string;
+    sortDescending?: string;
+    clearSorting?: string;
+}
+export interface TableHeaderProps {
+    canResize?: boolean;
+    showSelector?: boolean;
+    isSticky?: boolean;
+    tableHeaderProps?: ChakraTableHeaderProps;
+    tableRowProps?: TableRowProps;
+    /**
+     * Default text configuration for all columns.
+     * Can be overridden per column via meta.headerTexts.
+     */
+    defaultTexts?: TableHeaderTexts;
+}
+/**
+ * TableHeader component with configurable text strings.
+ *
+ * @example
+ * // Using default texts
+ * <TableHeader />
+ *
+ * @example
+ * // Customizing default texts for all columns
+ * <TableHeader
+ *   defaultTexts={{
+ *     pinColumn: "Pin This Column",
+ *     sortAscending: "Sort A-Z"
+ *   }}
+ * />
+ *
+ * @example
+ * // Customizing texts per column via meta
+ * const columns = [
+ *   columnHelper.accessor("name", {
+ *     header: "Name",
+ *     meta: {
+ *       headerTexts: {
+ *         pinColumn: "Pin Name Column",
+ *         sortAscending: "Sort Names A-Z"
+ *       }
+ *     }
+ *   })
+ * ];
+ */
+export declare const TableHeader: ({ canResize, showSelector, isSticky, tableHeaderProps, tableRowProps, defaultTexts, }: TableHeaderProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/components/DataTable/display/TableLoadingComponent.d.ts

@@ -0,0 +1,5 @@
+import { ReactNode } from "react";
+export interface TableLoadingComponentProps {
+    render: (loading: boolean) => ReactNode;
+}
+export declare const TableLoadingComponent: ({ render, }: TableLoadingComponentProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/components/DataTable/display/TextCell.d.ts

@@ -0,0 +1,10 @@
+import { FlexProps, TextProps } from "@chakra-ui/react";
+import { ReactNode } from "react";
+export interface TextCellProps {
+    label?: string;
+    noOfLines?: number[];
+    children: string | number | ReactNode | ReactNode[];
+    containerProps?: FlexProps;
+    textProps?: TextProps;
+}
+export declare const TextCell: ({ label, containerProps, textProps, children, }: TextCellProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/components/DataTable/useDataTable.d.ts

@@ -1,5 +1,5 @@
 import { ColumnFiltersState, ColumnOrderState, OnChangeFn, PaginationState, RowSelectionState, SortingState, VisibilityState } from "@tanstack/react-table";
-import { DensityState } from "../Controls/DensityFeature";
+import { DensityState } from "./controls/DensityFeature";
 import { UseTranslationResponse } from "react-i18next";
 export interface DataTableDefaultState {
     sorting?: SortingState;

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

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

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

@@ -4,8 +4,9 @@ import { JSONSchema7 } from "json-schema";
 import { Dispatch, ReactNode, SetStateAction } from "react";
 import { FieldValues, SubmitHandler, UseFormReturn } from "react-hook-form";
 import { UseTranslationResponse } from "react-i18next";
+import { CustomJSONSchema7 } from "../types/CustomJSONSchema7";
 export interface FormRootProps<TData extends FieldValues> {
-    schema: JSONSchema7;
+    schema: CustomJSONSchema7;
     serverUrl: string;
     requestUrl?: string;
     idMap: Record<string, object>;

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

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { CustomJSONSchema7 } from "../types/CustomJSONSchema7";
+export interface DatePickerProps {
+    column: string;
+    schema: CustomJSONSchema7;
+    prefix: string;
+}
+export declare const CustomInput: ({ column, schema, prefix }: DatePickerProps) => import("react").ReactNode;

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

@@ -1,7 +1,2 @@
-import { CustomJSONSchema7 } from "../types/CustomJSONSchema7";
-export interface DatePickerProps {
-    column: string;
-    schema: CustomJSONSchema7;
-    prefix: string;
-}
-export declare const DatePicker: ({ column, schema, prefix }: DatePickerProps) => import("react/jsx-runtime").JSX.Element;
+import { InputDefaultProps } from "./types";
+export declare const DatePicker: ({ column, schema, prefix }: InputDefaultProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -4,5 +4,6 @@ export interface IdPickerProps {
     isMultiple?: boolean;
     schema: CustomJSONSchema7;
     prefix: string;
+    showTotalAndLimit?: boolean;
 }
-export declare const EnumPicker: ({ column, isMultiple, schema, prefix, }: IdPickerProps) => import("react/jsx-runtime").JSX.Element;
+export declare const EnumPicker: ({ column, isMultiple, schema, prefix, showTotalAndLimit, }: IdPickerProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,5 +1,2 @@
-export declare const FilePicker: ({ column, schema, prefix }: {
-    column: any;
-    schema: any;
-    prefix: any;
-}) => import("react/jsx-runtime").JSX.Element;
+import { InputDefaultProps } from "./types";
+export declare const FilePicker: ({ column, schema, prefix }: InputDefaultProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,8 +1,5 @@
-import { CustomJSONSchema7 } from "../types/CustomJSONSchema7";
-export interface StringInputFieldProps {
-    column: string;
-    schema: CustomJSONSchema7;
-    prefix: string;
+import { InputDefaultProps } from "./types";
+export interface StringInputFieldProps extends InputDefaultProps {
 }
 export interface ForeignKeyProps {
     column: string;

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

@@ -0,0 +1,12 @@
+import { CustomJSONSchema7 } from "../types/CustomJSONSchema7";
+export interface TextAreaInputProps {
+    column: string;
+    schema: CustomJSONSchema7;
+    prefix: string;
+}
+export interface ForeignKeyProps {
+    column: string;
+    table: string;
+    display_column: string;
+}
+export declare const TextAreaInput: ({ column, schema, prefix, }: TextAreaInputProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,7 @@
+import { CustomJSONSchema7 } from "../types/CustomJSONSchema7";
+export interface DatePickerProps {
+    column: string;
+    schema: CustomJSONSchema7;
+    prefix: string;
+}
+export declare const TimePicker: ({ column, schema, prefix }: DatePickerProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,6 @@
+import { CustomJSONSchema7 } from "../types/CustomJSONSchema7";
+export type InputDefaultProps = {
+    column: string;
+    schema: CustomJSONSchema7;
+    prefix: string;
+};

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

@@ -1,12 +1,30 @@
 import { JSONSchema7 } from "json-schema";
 import { ReactNode } from "react";
 import { ForeignKeyProps } from "../fields/StringInputField";
+import { UseFormReturn } from "react-hook-form";
 export interface CustomJSONSchema7 extends JSONSchema7 {
     gridColumn?: string;
     gridRow?: string;
     foreign_key?: ForeignKeyProps;
     variant?: string;
-    renderDisplay: (item: unknown) => ReactNode;
+    renderDisplay?: (item: unknown) => ReactNode;
+    inputRender?: (props: {
+        column: string;
+        schema: CustomJSONSchema7;
+        prefix: string;
+        formContext: UseFormReturn;
+    }) => ReactNode;
+    inputViewerRender?: (props: {
+        column: string;
+        schema: CustomJSONSchema7;
+        prefix: string;
+        formContext: UseFormReturn;
+    }) => ReactNode;
+    dateFormat?: string;
+    displayDateFormat?: string;
+    timeFormat?: string;
+    displayTimeFormat?: string;
+    showLabel?: boolean;
 }
 export interface TagPickerProps {
     column: string;

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

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { CustomJSONSchema7 } from "../types/CustomJSONSchema7";
+export interface DatePickerProps {
+    column: string;
+    schema: CustomJSONSchema7;
+    prefix: string;
+}
+export declare const CustomViewer: ({ column, schema, prefix }: DatePickerProps) => import("react").ReactNode;

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

@@ -0,0 +1,12 @@
+import { CustomJSONSchema7 } from "../types/CustomJSONSchema7";
+export interface TextAreaViewerProps {
+    column: string;
+    schema: CustomJSONSchema7;
+    prefix: string;
+}
+export interface ForeignKeyProps {
+    column: string;
+    table: string;
+    display_column: string;
+}
+export declare const TextAreaViewer: ({ column, schema, prefix, }: TextAreaViewerProps) => import("react/jsx-runtime").JSX.Element;