@bsol-oss/react-datatable5 12.0.0-beta.8 → 12.0.0-beta.81

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

@@ -1,9 +1,10 @@
-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 { UseTranslationResponse } from "react-i18next";
-declare module "@tanstack/react-table" {
+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 { DataTableLabel } from './context/DataTableContext';
+import { UseTranslationResponse } from 'react-i18next';
+declare module '@tanstack/react-table' {
     interface FilterFns {
         fuzzy: FilterFn<unknown>;
     }
@@ -17,6 +18,9 @@ export interface DataTableProps<TData = unknown> {
      * Data array for the table.
      *
      * It will pass into as the data in `@tanstack/react-table`
+     * Do not toggle the data array, it will cause the table to re-render in infinite loop.
+     *
+     * @default []
      *
      */
     data: TData[];
@@ -49,6 +53,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 +65,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

@@ -2,9 +2,10 @@ 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 { DataTableLabel } from "./context/DataTableContext";
 import { DataResponse } from "./useDataTableServer";
 import { UseTranslationResponse } from "react-i18next";
-export interface DataTableServerProps<TData extends DataResponse = DataResponse<unknown>> {
+export interface DataTableServerProps<TData = unknown> {
     children: ReactNode | ReactNode[];
     /**
      * Column definitions for the table.
@@ -33,9 +34,10 @@ export interface DataTableServerProps<TData extends DataResponse = DataResponse<
     setColumnOrder: OnChangeFn<ColumnOrderState>;
     setDensity: OnChangeFn<DensityState>;
     setColumnVisibility: OnChangeFn<VisibilityState>;
-    query: UseQueryResult<TData>;
-    url: string;
+    query: UseQueryResult<DataResponse<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 = 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,16 @@
-import { TableHeaderProps as ChakraHeaderProps } from "@chakra-ui/react";
-import { TableBodyProps } from "./display/TableBody";
-import { TableControlsProps } from "./controls/TableControls";
-import { TableFooterProps } from "./display/TableFooter";
-import { TableHeaderProps } from "./display/TableHeader";
-import { TableProps } from "./display/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;
+    tableProps?: Omit<TableProps, 'children'>;
     tableHeaderProps?: TableHeaderProps;
-    variant?: "" | "greedy";
+    tableBodyProps?: TableBodyProps;
+    tableFooterProps?: TableFooterProps;
+    controlProps?: TableControlsProps;
+    variant?: '' | 'greedy';
+    isLoading?: boolean;
 }
-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, isLoading, }: DefaultTableProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,23 @@
+import { DefaultTableProps } from './DefaultTable';
+export interface DefaultTableServerProps extends DefaultTableProps {
+    /**
+     * Optional isLoading prop to override auto-detected loading state.
+     * If not provided, will automatically detect from DataTableServerContext.
+     */
+    isLoading?: boolean;
+}
+/**
+ * DefaultTableServer is a wrapper around DefaultTable that automatically
+ * detects server-side loading state from DataTableServerContext.
+ *
+ * Use this component when working with DataTableServer to automatically
+ * show skeleton loading state during data fetching.
+ *
+ * @example
+ * ```tsx
+ * <DataTableServer columns={columns} {...datatableServer}>
+ *   <DefaultTableServer />
+ * </DataTableServer>
+ * ```
+ */
+export declare const DefaultTableServer: ({ isLoading: isLoadingOverride, ...props }: DefaultTableServerProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -2,11 +2,29 @@
 import { OnChangeFn, Table } from "@tanstack/react-table";
 import { UseTranslationResponse } from "react-i18next";
 import { DataTableProps } from "../DataTable";
-export interface DataTableContext<TData = unknown> extends DataTableProps {
+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;
+    globalFilterPlaceholder: string;
+    trueLabel: string;
+    falseLabel: 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/ReloadButton.d.ts

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

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

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

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

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

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

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

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

@@ -1,3 +1,4 @@
+import { GridProps } from "@chakra-ui/react";
 import { ReactNode } from "react";
 export interface TableControlsProps {
     totalText?: string;
@@ -13,9 +14,16 @@ export interface TableControlsProps {
     showPageSizeControl?: boolean;
     showPageCountText?: boolean;
     showView?: boolean;
-    filterOptions?: string[];
+    filterTagsOptions?: {
+        column: string;
+        options: {
+            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, }: TableControlsProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TableControls: ({ fitTableWidth, fitTableHeight, children, showGlobalFilter, showFilter, showFilterName, showFilterTags, showReload, showPagination, showPageSizeControl, showPageCountText, showView, filterTagsOptions, extraItems, loading, hasError, gridProps, }: TableControlsProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,10 +1,11 @@
-import { TableRootProps } from "@chakra-ui/react";
-import { ReactNode } from "react";
+import { TableRootProps } from '@chakra-ui/react';
+import { ReactNode } from 'react';
 export interface TableProps extends TableRootProps {
     showLoading?: boolean;
     loadingComponent?: ReactNode;
     emptyComponent?: ReactNode;
     canResize?: boolean;
+    showSelector?: 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;
+export declare const Table: ({ children, emptyComponent, canResize, showLoading, showSelector, ...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

@@ -16,6 +16,5 @@ export interface TableRowSelectorProps<TData> {
         light: string;
         dark: string;
     };
-    alwaysShowSelector?: boolean;
 }
-export declare const TableBody: ({ pinnedBgColor, showSelector, alwaysShowSelector, canResize, }: TableBodyProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TableBody: ({ showSelector, canResize, }: TableBodyProps) => import("react/jsx-runtime").JSX.Element;

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

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

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

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

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

@@ -1 +1,6 @@
-export declare const TableDataDisplay: () => import("react/jsx-runtime").JSX.Element;
+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

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

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

@@ -1,13 +1,51 @@
-import { TableHeaderProps as ChakraTableHeaderProps } from "@chakra-ui/react";
+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;
-    pinnedBgColor?: {
-        light: string;
-        dark: string;
-    };
     showSelector?: boolean;
     isSticky?: boolean;
-    alwaysShowSelector?: boolean;
-    tHeadProps?: ChakraTableHeaderProps;
+    tableHeaderProps?: ChakraTableHeaderProps;
+    tableRowProps?: TableRowProps;
+    /**
+     * Default text configuration for all columns.
+     * Can be overridden per column via meta.headerTexts.
+     */
+    defaultTexts?: TableHeaderTexts;
 }
-export declare const TableHeader: ({ canResize, pinnedBgColor, showSelector, isSticky, alwaysShowSelector, tHeadProps, }: TableHeaderProps) => import("react/jsx-runtime").JSX.Element;
+/**
+ * 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/hooks/useResponsiveColumnVisibility.d.ts

@@ -0,0 +1,13 @@
+import { RefObject } from 'react';
+interface UseResponsiveColumnVisibilityOptions {
+    containerRef: RefObject<HTMLElement>;
+    enabled: boolean;
+    showSelector?: boolean;
+}
+/**
+ * Hook to automatically hide/show columns based on container width.
+ * Columns are hidden based on their responsivePriority (lower = hide first).
+ * Only activates when canResize={false}.
+ */
+export declare const useResponsiveColumnVisibility: ({ containerRef, enabled, showSelector, }: UseResponsiveColumnVisibilityOptions) => void;
+export {};

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

@@ -1,6 +1,7 @@
 import { UseQueryResult } from "@tanstack/react-query";
+import { ColumnFiltersState, SortingState } from "@tanstack/react-table";
 import { UseDataTableProps, UseDataTableReturn } from "./useDataTable";
-export interface UseDataTableServerProps extends UseDataTableProps {
+export interface UseDataTableServerProps<TData> extends UseDataTableProps {
     /**
      * Delay to send the request if the `refreshData` called multiple times
      *
@@ -13,7 +14,51 @@ export interface UseDataTableServerProps extends UseDataTableProps {
      * default: `1000`
      */
     debounceDelay?: number;
-    url: string;
+    /**
+     * The url to fetch the data from.
+     *
+     * Remark:
+     * it is the server responsibility to handle the params and return the data.
+     * especially the pagination and sorting.
+     *
+     * The response must be like this:
+     * ```ts
+     * {
+     *   data: TData[],
+     *   count: number,
+     * }
+     * ```
+     *
+     * Example:
+     * ```ts
+     * const url = "https://jsonplaceholder.typicode.com/posts";
+     * ```
+     *
+     * If not provided, the `queryFn` will be used.
+     *
+     * @default undefined
+     */
+    url?: string;
+    placeholderData?: DataResponse<TData>;
+    /**
+     * The query function to fetch the data from.
+     *
+     * Remark:
+     * it is the server responsibility to handle the params and return the data.
+     * especially the pagination and sorting.
+     *
+     * Example:
+     * ```ts
+     * const queryFn = (params: QueryParams) => {
+     *   return axios.get<DataResponse<TData>>(url, { params });
+     * };
+     * ```
+     *
+     * If not provided, the `url` will be used.
+     *
+     * @default undefined
+     */
+    queryFn?: (params: QueryParams) => Promise<DataResponse<TData>>;
 }
 export interface UseDataTableServerReturn<TData> extends UseDataTableReturn {
     query: UseQueryResult<DataResponse<TData>, Error>;
@@ -24,4 +69,11 @@ export interface Result<T = unknown> {
 export interface DataResponse<T = unknown> extends Result<T> {
     count: number;
 }
-export declare const useDataTableServer: <TData>({ url, default: { sorting: defaultSorting, pagination: defaultPagination, rowSelection: defaultRowSelection, columnFilters: defaultColumnFilters, columnOrder: defaultColumnOrder, columnVisibility: defaultColumnVisibility, globalFilter: defaultGlobalFilter, density: defaultDensity, }, keyPrefix, }: UseDataTableServerProps) => UseDataTableServerReturn<TData>;
+export interface QueryParams {
+    offset: number;
+    limit: number;
+    sorting: SortingState;
+    where: ColumnFiltersState;
+    searching: string;
+}
+export declare const useDataTableServer: <TData>(props: UseDataTableServerProps<TData>) => UseDataTableServerReturn<TData>;

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

@@ -14,6 +14,29 @@ export interface GetVariantProps {
     selectable: boolean;
 }
 export interface DatePickerProps extends Props {
+    onDateSelected?: (obj: {
+        date: Date;
+    }) => void;
+    selected: Date | Date[];
+    firstDayOfWeek?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
+    showOutsideDays?: boolean;
+    date?: Date;
+    minDate?: Date;
+    maxDate?: Date;
+    monthsToDisplay?: number;
+    labels?: {
+        monthNamesShort: string[];
+        weekdayNamesShort: string[];
+        backButtonLabel?: string;
+        forwardButtonLabel?: string;
+    };
+    render?: (dayzedData: any) => React.ReactNode;
+}
+export interface DatePickerLabels {
+    monthNamesShort: string[];
+    weekdayNamesShort: string[];
+    backButtonLabel?: string;
+    forwardButtonLabel?: string;
 }
 declare class DatePicker extends React.Component<DatePickerProps> {
     render(): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/DatePicker/DateTimePicker.d.ts

@@ -0,0 +1,11 @@
+import { DatePickerLabels } from "./DatePicker";
+interface DateTimePickerProps {
+    value?: string;
+    onChange?: (date?: string) => void;
+    format?: "date-time" | "iso-date-time";
+    showSeconds?: boolean;
+    labels?: DatePickerLabels;
+    timezone?: string;
+}
+export declare function DateTimePicker({ value, onChange, format, showSeconds, labels, timezone, }: DateTimePickerProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/components/DatePicker/DurationPicker.d.ts

@@ -0,0 +1,12 @@
+interface DurationPickerProps {
+    value?: string | null;
+    onChange?: (duration: string | null) => void;
+    showYears?: boolean;
+    showMonths?: boolean;
+    showDays?: boolean;
+    showHours?: boolean;
+    showMinutes?: boolean;
+    showSeconds?: boolean;
+}
+export declare function DurationPicker({ value, onChange, showYears, showMonths, showDays, showHours, showMinutes, showSeconds, }: DurationPickerProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/components/DatePicker/IsoTimePicker.d.ts

@@ -0,0 +1,16 @@
+import { Dispatch, SetStateAction } from "react";
+interface IsoTimePickerProps {
+    hour: number | null;
+    setHour: Dispatch<SetStateAction<number | null>>;
+    minute: number | null;
+    setMinute: Dispatch<SetStateAction<number | null>>;
+    second: number | null;
+    setSecond: Dispatch<SetStateAction<number | null>>;
+    onChange?: (newValue: {
+        hour: number | null;
+        minute: number | null;
+        second: number | null;
+    }) => void;
+}
+export declare function IsoTimePicker({ hour, setHour, minute, setMinute, second, setSecond, onChange, }: IsoTimePickerProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/components/DatePicker/PickerDemo.d.ts

@@ -0,0 +1 @@
+export declare function PickerDemo(): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/DatePicker/UniversalPicker.d.ts

@@ -0,0 +1,9 @@
+type FormatType = "date" | "time" | "date-time" | "iso-time" | "iso-date-time" | "duration";
+interface UniversalPickerProps {
+    format: FormatType;
+    value?: string | null;
+    onChange?: (value: string | null) => void;
+    placeholder?: string;
+}
+export declare function UniversalPicker({ format, value, onChange, placeholder, }: UniversalPickerProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/components/DatePicker/index.d.ts

@@ -0,0 +1,7 @@
+export { default as DatePicker } from './DatePicker';
+export { TimePicker } from '../TimePicker/TimePicker';
+export { IsoTimePicker } from './IsoTimePicker';
+export { DateTimePicker } from './DateTimePicker';
+export { DurationPicker } from './DurationPicker';
+export { UniversalPicker } from './UniversalPicker';
+export type { DatePickerProps, CalendarProps, GetDateColorProps, GetVariantProps } from './DatePicker';

package/dist/types/components/Filter/TagFilter.d.ts

@@ -1,7 +1,11 @@
 import React from "react";
 interface TagFilterProps {
-    availableTags: string[];
+    availableTags: {
+        label?: string;
+        value: string;
+    }[];
     selectedTags: string[];
+    selectOne?: boolean;
     onTagChange: (tags: string[]) => void;
 }
 export declare const TagFilter: React.FC<TagFilterProps>;

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

@@ -1,8 +1,9 @@
-import { AxiosRequestConfig } from "axios";
-import { JSONSchema7 } from "json-schema";
-import { Dispatch, SetStateAction } from "react";
-import { FieldValues } from "react-hook-form";
-import { UseTranslationResponse } from "react-i18next";
+import { AxiosRequestConfig } from 'axios';
+import { JSONSchema7 } from 'json-schema';
+import { Dispatch, ReactNode, SetStateAction } from 'react';
+import { FieldValues, Resolver } from 'react-hook-form';
+import { UseTranslationResponse } from 'react-i18next';
+import { DateTimePickerLabels, IdPickerLabels, EnumPickerLabels, FilePickerLabels } from './components/types/CustomJSONSchema7';
 export interface SchemaFormContext<TData extends FieldValues> {
     schema: JSONSchema7;
     serverUrl: string;
@@ -14,7 +15,7 @@ export interface SchemaFormContext<TData extends FieldValues> {
     rowNumber?: number | string;
     idMap: Record<string, object>;
     setIdMap: Dispatch<SetStateAction<Record<string, object>>>;
-    translate: UseTranslationResponse<any, any>;
+    translate: UseTranslationResponse<string, string>;
     requestOptions: AxiosRequestConfig;
     isSuccess: boolean;
     setIsSuccess: Dispatch<SetStateAction<boolean>>;
@@ -29,5 +30,20 @@ export interface SchemaFormContext<TData extends FieldValues> {
     error: unknown;
     setError: Dispatch<SetStateAction<unknown>>;
     getUpdatedData: () => TData | Promise<TData>;
+    customErrorRenderer?: (error: unknown) => ReactNode;
+    customSuccessRenderer?: (resetHandler: () => void | Promise<void>) => ReactNode;
+    timezone?: string;
+    displayConfig: {
+        showSubmitButton?: boolean;
+        showResetButton?: boolean;
+        showTitle?: boolean;
+    };
+    requireConfirmation: boolean;
+    onFormSubmit: (data: TData) => Promise<void>;
+    dateTimePickerLabels?: DateTimePickerLabels;
+    idPickerLabels?: IdPickerLabels;
+    enumPickerLabels?: EnumPickerLabels;
+    filePickerLabels?: FilePickerLabels;
+    ajvResolver: Resolver<FieldValues>;
 }
 export declare const SchemaFormContext: import("react").Context<SchemaFormContext<unknown>>;

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

@@ -1,5 +1,5 @@
-import { GridProps } from "@chakra-ui/react";
-import { ReactNode } from "react";
+import { GridProps } from '@chakra-ui/react';
+import { ReactNode } from 'react';
 export interface FileDropzoneProps {
     children?: ReactNode;
     onDrop?: ({ files, text }: {

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;

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

@@ -1 +1,2 @@
-export declare const FormBody: <TData extends object>() => import("react/jsx-runtime").JSX.Element;
+/// <reference types="react" />
+export declare const FormBody: <TData extends object>() => string | number | bigint | boolean | Iterable<import("react").ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | null | undefined> | import("react/jsx-runtime").JSX.Element | null | undefined;