@bsol-oss/react-datatable5 5.0.1 → 6.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (44) hide show
  1. package/dist/index.d.ts +124 -26
  2. package/dist/index.js +1090 -93
  3. package/dist/index.mjs +1090 -99
  4. package/dist/types/components/Controls/TablePagination.d.ts +1 -0
  5. package/dist/types/components/DataTable/CardHeader.d.ts +13 -0
  6. package/dist/types/components/DataTable/DataDisplay.d.ts +4 -0
  7. package/dist/types/components/DataTable/DataTable.d.ts +1 -1
  8. package/dist/types/components/DataTable/DataTableContext.d.ts +2 -1
  9. package/dist/types/components/DataTable/DataTableServer.d.ts +1 -1
  10. package/dist/types/components/DataTable/Table.d.ts +1 -1
  11. package/dist/types/components/DataTable/TableCardContainer.d.ts +2 -1
  12. package/dist/types/components/DataTable/TableCards.d.ts +1 -1
  13. package/dist/types/components/DataTable/useDataFromUrl.d.ts +5 -4
  14. package/dist/types/components/DataTable/useDataTableContext.d.ts +1 -1
  15. package/dist/types/components/DataTable/useDataTableServer.d.ts +1 -2
  16. package/dist/types/components/DataTable/utils/getColumns.d.ts +13 -0
  17. package/dist/types/components/DatePicker/DatePicker.d.ts +21 -0
  18. package/dist/types/components/DatePicker/RangeDatePicker.d.ts +18 -0
  19. package/dist/types/components/DatePicker/getMultiDates.d.ts +7 -0
  20. package/dist/types/components/DatePicker/getRangeDates.d.ts +6 -0
  21. package/dist/types/components/Form/Form.d.ts +33 -0
  22. package/dist/types/components/Form/SchemaFormContext.d.ts +15 -0
  23. package/dist/types/components/Form/components/BooleanPicker.d.ts +4 -0
  24. package/dist/types/components/Form/components/DatePicker.d.ts +4 -0
  25. package/dist/types/components/Form/components/IdPicker.d.ts +7 -0
  26. package/dist/types/components/Form/components/IdViewer.d.ts +8 -0
  27. package/dist/types/components/Form/components/NumberInputField.d.ts +4 -0
  28. package/dist/types/components/Form/components/ObjectInput.d.ts +4 -0
  29. package/dist/types/components/Form/components/StringInputField.d.ts +10 -0
  30. package/dist/types/components/Form/useSchemaContext.d.ts +10 -0
  31. package/dist/types/components/Form/utils/clearEmptyString.d.ts +3 -0
  32. package/dist/types/components/Form/utils/getTableData.d.ts +12 -0
  33. package/dist/types/components/Form/utils/idListSanityCheck.d.ts +1 -0
  34. package/dist/types/components/Form/utils/snakeToLabel.d.ts +1 -0
  35. package/dist/types/components/ui/accordion.d.ts +12 -0
  36. package/dist/types/components/ui/checkbox-card.d.ts +13 -0
  37. package/dist/types/components/ui/data-list.d.ts +11 -0
  38. package/dist/types/components/ui/link-button.d.ts +5 -0
  39. package/dist/types/components/ui/number-input.d.ts +8 -0
  40. package/dist/types/components/ui/pagination.d.ts +20 -0
  41. package/dist/types/components/ui/radio-card.d.ts +16 -0
  42. package/dist/types/components/ui/toggle-tip.d.ts +10 -0
  43. package/dist/types/index.d.ts +9 -2
  44. package/package.json +8 -3
@@ -0,0 +1 @@
1
+ export declare const TablePagination: () => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,13 @@
1
+ import { ImageProps } from "@chakra-ui/react";
2
+ import { Row } from "@tanstack/react-table";
3
+ import { IconType } from "react-icons";
4
+ export interface CardHeaderProps<TData> {
5
+ row: Row<TData>;
6
+ imageColumnId?: keyof TData;
7
+ titleColumnId?: keyof TData;
8
+ tagColumnId?: keyof TData;
9
+ tagIcon?: IconType;
10
+ showTag?: boolean;
11
+ imageProps?: ImageProps;
12
+ }
13
+ export declare const CardHeader: <TData>({ row, imageColumnId, titleColumnId, tagColumnId, tagIcon, showTag, imageProps, }: CardHeaderProps<TData>) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,4 @@
1
+ export interface DataDisplayProps {
2
+ variant?: "horizontal" | "stats" | "";
3
+ }
4
+ export declare const DataDisplay: ({ variant }: DataDisplayProps) => import("react/jsx-runtime").JSX.Element;
@@ -13,7 +13,7 @@ declare module "@tanstack/react-table" {
13
13
  export interface DataTableProps<TData> {
14
14
  children?: ReactNode | ReactNode[];
15
15
  data: TData[];
16
- columns: ColumnDef<TData, any>[];
16
+ columns: ColumnDef<TData, unknown>[];
17
17
  enableRowSelection?: boolean;
18
18
  enableMultiRowSelection?: boolean;
19
19
  enableSubRowSelection?: boolean;
@@ -1,8 +1,9 @@
1
1
  /// <reference types="react" />
2
2
  import { OnChangeFn, Table } from "@tanstack/react-table";
3
+ import { RefreshDataConfig } from "./useDataFromUrl";
3
4
  export interface DataTableContext<TData> {
4
5
  table: Table<TData>;
5
- refreshData: () => void;
6
+ refreshData: (config?: RefreshDataConfig) => void;
6
7
  globalFilter: string;
7
8
  setGlobalFilter: OnChangeFn<string>;
8
9
  loading: boolean;
@@ -5,7 +5,7 @@ import { UseDataFromUrlReturn } from "./useDataFromUrl";
5
5
  import { DataResponse } from "./useDataTableServer";
6
6
  export interface DataTableServerProps<TData> extends UseDataFromUrlReturn<DataResponse<TData>> {
7
7
  children: ReactNode | ReactNode[];
8
- columns: ColumnDef<TData, any>[];
8
+ columns: ColumnDef<TData>[];
9
9
  enableRowSelection?: boolean;
10
10
  enableMultiRowSelection?: boolean;
11
11
  enableSubRowSelection?: boolean;
@@ -6,4 +6,4 @@ export interface TableProps extends TableRootProps {
6
6
  emptyComponent?: ReactNode;
7
7
  children: ReactNode;
8
8
  }
9
- export declare const Table: ({ children, emptyComponent, ...props }: TableProps) => string | number | bigint | boolean | import("react/jsx-runtime").JSX.Element | Iterable<ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | null;
9
+ export declare const Table: ({ children, emptyComponent, ...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;
@@ -2,5 +2,6 @@ import { GridProps } from "@chakra-ui/react";
2
2
  import { ReactNode } from "react";
3
3
  export interface TableCardContainerProps extends GridProps {
4
4
  children: ReactNode;
5
+ variant?: "carousel" | "";
5
6
  }
6
- export declare const TableCardContainer: ({ children, ...props }: TableCardContainerProps) => import("react/jsx-runtime").JSX.Element;
7
+ export declare const TableCardContainer: ({ children, variant, ...props }: TableCardContainerProps) => import("react/jsx-runtime").JSX.Element;
@@ -8,4 +8,4 @@ export interface TableCardsProps<TData> {
8
8
  cardBodyProps?: CardBodyProps;
9
9
  }
10
10
  export declare const DefaultCardTitle: () => import("react/jsx-runtime").JSX.Element;
11
- export declare const TableCards: <TData>({ isSelectable, showDisplayNameOnly, renderTitle, cardBodyProps }: TableCardsProps<TData>) => import("react/jsx-runtime").JSX.Element;
11
+ export declare const TableCards: <TData>({ isSelectable, showDisplayNameOnly, renderTitle, cardBodyProps, }: TableCardsProps<TData>) => import("react/jsx-runtime").JSX.Element;
@@ -1,3 +1,7 @@
1
+ export interface RefreshDataConfig {
2
+ debounce?: boolean;
3
+ delay?: number;
4
+ }
1
5
  export interface UseDataFromUrlReturn<T> {
2
6
  data: T;
3
7
  loading: boolean;
@@ -5,10 +9,7 @@ export interface UseDataFromUrlReturn<T> {
5
9
  /**
6
10
  * Delays sending the request when the `refreshData` function is called multiple times within a short period.
7
11
  */
8
- refreshData: (config?: {
9
- debounce?: boolean;
10
- delay?: number;
11
- }) => void;
12
+ refreshData: (config?: RefreshDataConfig) => void;
12
13
  }
13
14
  export interface UseDataFromUrlProps<T> {
14
15
  url: string;
@@ -1,6 +1,6 @@
1
1
  export declare const useDataTableContext: () => {
2
2
  table: import("@tanstack/table-core").Table<any>;
3
- refreshData: () => void;
3
+ refreshData: (config?: import("./useDataFromUrl").RefreshDataConfig | undefined) => void;
4
4
  globalFilter: string;
5
5
  setGlobalFilter: import("@tanstack/table-core").OnChangeFn<string>;
6
6
  loading: boolean;
@@ -19,10 +19,9 @@ export interface UseDataTableServerProps<TData> extends Omit<UseDataFromUrlProps
19
19
  export interface UseDataTableServerReturn<TData> extends UseDataFromUrlReturn<DataResponse<TData>>, UseDataTableReturn {
20
20
  }
21
21
  export interface Result<T> {
22
- results: T[];
22
+ data: T[];
23
23
  }
24
24
  export interface DataResponse<T> extends Result<T> {
25
- success: boolean;
26
25
  count: number;
27
26
  }
28
27
  export declare const useDataTableServer: <TData>({ url, onFetchSuccess, default: { sorting: defaultSorting, pagination: defaultPagination, rowSelection: defaultRowSelection, columnFilters: defaultColumnFilters, columnOrder: defaultColumnOrder, columnVisibility: defaultColumnVisibility, globalFilter: defaultGlobalFilter, density: defaultDensity, }, debounce, debounceDelay, }: UseDataTableServerProps<TData>) => UseDataTableServerReturn<TData>;
@@ -0,0 +1,13 @@
1
+ import { ColumnDef, RowData } from "@tanstack/react-table";
2
+ import { JSONSchema7 } from "json-schema";
3
+ export interface GetColumnsConfigs<K extends RowData> {
4
+ schema: JSONSchema7;
5
+ ignore?: K[];
6
+ width?: number[];
7
+ meta?: {
8
+ [key in K as string]?: object;
9
+ };
10
+ defaultWidth?: number;
11
+ }
12
+ export declare const widthSanityCheck: <K extends unknown>(widthList: number[], ignoreList: K[], properties: { [key in K as string]?: object | undefined; }) => void;
13
+ export declare const getColumns: <TData extends unknown>({ schema, ignore, width, meta, defaultWidth, }: GetColumnsConfigs<TData>) => ColumnDef<TData>[];
@@ -0,0 +1,21 @@
1
+ import { Props, RenderProps } from "dayzed";
2
+ import React from "react";
3
+ export interface CalendarProps extends RenderProps {
4
+ firstDayOfWeek?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
5
+ }
6
+ export interface GetDateColorProps {
7
+ today: boolean;
8
+ selected: boolean;
9
+ selectable: boolean;
10
+ }
11
+ export interface GetVariantProps {
12
+ today: boolean;
13
+ selected: boolean;
14
+ selectable: boolean;
15
+ }
16
+ export interface DatePickerProps extends Props {
17
+ }
18
+ declare class DatePicker extends React.Component<DatePickerProps> {
19
+ render(): import("react/jsx-runtime").JSX.Element;
20
+ }
21
+ export default DatePicker;
@@ -0,0 +1,18 @@
1
+ import { Props, RenderProps } from "dayzed";
2
+ import React from "react";
3
+ export interface RangeCalendarProps extends RenderProps {
4
+ firstDayOfWeek?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
5
+ selected?: Date[];
6
+ }
7
+ export interface GetStyleProps {
8
+ today: boolean;
9
+ selected: boolean;
10
+ unavailable: boolean;
11
+ isInRange: boolean;
12
+ }
13
+ export interface RangeDatePickerProps extends Props {
14
+ }
15
+ declare class RangeDatePicker extends React.Component<RangeDatePickerProps> {
16
+ render(): import("react/jsx-runtime").JSX.Element;
17
+ }
18
+ export default RangeDatePicker;
@@ -0,0 +1,7 @@
1
+ export interface GetMultiDatesProps {
2
+ selected: boolean;
3
+ selectable: boolean;
4
+ selectedDate: Date;
5
+ selectedDates: Date[];
6
+ }
7
+ export declare const getMultiDates: ({ selected, selectedDate, selectedDates, selectable, }: GetMultiDatesProps) => Date[];
@@ -0,0 +1,6 @@
1
+ export interface GetRangeDatesProps {
2
+ selectable: boolean;
3
+ date: Date;
4
+ selectedDates: Date[];
5
+ }
6
+ export declare const getRangeDates: ({ selectable, date, selectedDates, }: GetRangeDatesProps) => Date[] | undefined;
@@ -0,0 +1,33 @@
1
+ import { JSONSchema7 } from "json-schema";
2
+ import { FieldValues, SubmitHandler } from "react-hook-form";
3
+ export interface DisplayTextProps {
4
+ title?: string;
5
+ addNew?: string;
6
+ submit?: string;
7
+ confirm?: string;
8
+ save?: string;
9
+ empty?: string;
10
+ cancel?: string;
11
+ submitSuccess?: string;
12
+ submitAgain?: string;
13
+ fieldRequired?: string;
14
+ }
15
+ export interface FormProps<TData extends FieldValues> {
16
+ schema: JSONSchema7;
17
+ serverUrl: string;
18
+ order?: string[];
19
+ ignore?: string[];
20
+ onSubmit?: SubmitHandler<TData>;
21
+ preLoadedValues?: object;
22
+ rowNumber?: number | string;
23
+ displayText?: DisplayTextProps;
24
+ }
25
+ export interface CustomJSONSchema7Definition extends JSONSchema7 {
26
+ variant: string;
27
+ in_table: string;
28
+ column_ref: string;
29
+ display_column: string;
30
+ gridColumn: string;
31
+ gridRow: string;
32
+ }
33
+ export declare const Form: <TData extends FieldValues>({ schema, serverUrl, order, ignore, onSubmit, preLoadedValues, rowNumber, displayText, }: FormProps<TData>) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,15 @@
1
+ /// <reference types="react" />
2
+ import { JSONSchema7 } from "json-schema";
3
+ import { FieldValues, SubmitHandler } from "react-hook-form";
4
+ import { DisplayTextProps } from "./Form";
5
+ export interface SchemaFormContext<TData extends FieldValues> {
6
+ schema: JSONSchema7;
7
+ serverUrl: string;
8
+ order: string[];
9
+ ignore: string[];
10
+ displayText: DisplayTextProps;
11
+ onSubmit?: SubmitHandler<TData>;
12
+ preLoadedValues: object;
13
+ rowNumber?: number | string;
14
+ }
15
+ export declare const SchemaFormContext: import("react").Context<SchemaFormContext<unknown>>;
@@ -0,0 +1,4 @@
1
+ export interface DatePickerProps {
2
+ column: string;
3
+ }
4
+ export declare const BooleanPicker: ({ column }: DatePickerProps) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,4 @@
1
+ export interface DatePickerProps {
2
+ column: string;
3
+ }
4
+ export declare const DatePicker: ({ column }: DatePickerProps) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,7 @@
1
+ export interface IdPickerProps {
2
+ column: string;
3
+ in_table: string;
4
+ column_ref: string;
5
+ display_column: string;
6
+ }
7
+ export declare const IdPicker: ({ column, in_table, column_ref, display_column, }: IdPickerProps) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,8 @@
1
+ export interface IdViewerProps {
2
+ value: string | undefined;
3
+ in_table: string;
4
+ column_ref: string;
5
+ display_column: string;
6
+ column: string;
7
+ }
8
+ export declare const IdViewer: ({ value, in_table, column_ref, display_column, column, }: IdViewerProps) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,4 @@
1
+ export interface NumberInputFieldProps {
2
+ column: string;
3
+ }
4
+ export declare const NumberInputField: ({ column }: NumberInputFieldProps) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,4 @@
1
+ export interface DatePickerProps {
2
+ column: string;
3
+ }
4
+ export declare const ObjectInput: ({ column }: DatePickerProps) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,10 @@
1
+ import { JSONSchema7 } from "json-schema";
2
+ export interface StringInputFieldProps {
3
+ column: string;
4
+ }
5
+ export interface CustomJSONSchema7 extends JSONSchema7 {
6
+ gridColumn?: string;
7
+ gridRow?: string;
8
+ title?: string;
9
+ }
10
+ export declare const StringInputField: ({ column }: StringInputFieldProps) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,10 @@
1
+ export declare const useSchemaContext: () => {
2
+ schema: import("json-schema").JSONSchema7;
3
+ serverUrl: string;
4
+ order: string[];
5
+ ignore: string[];
6
+ onSubmit: import("react-hook-form").SubmitHandler<unknown> | undefined;
7
+ preLoadedValues: object;
8
+ rowNumber: string | number | undefined;
9
+ displayText: import("./Form").DisplayTextProps;
10
+ };
@@ -0,0 +1,3 @@
1
+ export declare const clearEmptyString: (object: object) => {
2
+ [k: string]: any;
3
+ };
@@ -0,0 +1,12 @@
1
+ export interface GetTableDataConfig {
2
+ serverUrl: string;
3
+ in_table: string;
4
+ limit?: number;
5
+ where?: object[];
6
+ searching?: string;
7
+ }
8
+ export interface GetTableResponse {
9
+ data?: object[];
10
+ count: number;
11
+ }
12
+ export declare const getTableData: ({ serverUrl, in_table, searching, where, limit, }: GetTableDataConfig) => Promise<any>;
@@ -0,0 +1 @@
1
+ export declare const idListSanityCheck: (param: string, idList: string[], properties: object) => void;
@@ -0,0 +1 @@
1
+ export declare const snakeToLabel: (str: string) => string;
@@ -0,0 +1,12 @@
1
+ import { Accordion } from "@chakra-ui/react";
2
+ import * as React from "react";
3
+ interface AccordionItemTriggerProps extends Accordion.ItemTriggerProps {
4
+ indicatorPlacement?: "start" | "end";
5
+ }
6
+ export declare const AccordionItemTrigger: React.ForwardRefExoticComponent<AccordionItemTriggerProps & React.RefAttributes<HTMLButtonElement>>;
7
+ interface AccordionItemContentProps extends Accordion.ItemContentProps {
8
+ }
9
+ export declare const AccordionItemContent: React.ForwardRefExoticComponent<AccordionItemContentProps & React.RefAttributes<HTMLDivElement>>;
10
+ export declare const AccordionRoot: React.ForwardRefExoticComponent<Accordion.RootProps & React.RefAttributes<HTMLDivElement>>;
11
+ export declare const AccordionItem: React.ForwardRefExoticComponent<Accordion.ItemProps & React.RefAttributes<HTMLDivElement>>;
12
+ export {};
@@ -0,0 +1,13 @@
1
+ import { CheckboxCard as ChakraCheckboxCard } from "@chakra-ui/react";
2
+ import * as React from "react";
3
+ export interface CheckboxCardProps extends ChakraCheckboxCard.RootProps {
4
+ icon?: React.ReactElement;
5
+ label?: React.ReactNode;
6
+ description?: React.ReactNode;
7
+ addon?: React.ReactNode;
8
+ indicator?: React.ReactNode | null;
9
+ indicatorPlacement?: "start" | "end" | "inside";
10
+ inputProps?: React.InputHTMLAttributes<HTMLInputElement>;
11
+ }
12
+ export declare const CheckboxCard: React.ForwardRefExoticComponent<CheckboxCardProps & React.RefAttributes<HTMLInputElement>>;
13
+ export declare const CheckboxCardIndicator: React.ForwardRefExoticComponent<ChakraCheckboxCard.IndicatorProps & React.RefAttributes<SVGSVGElement>>;
@@ -0,0 +1,11 @@
1
+ import { DataList as ChakraDataList } from "@chakra-ui/react";
2
+ import * as React from "react";
3
+ export declare const DataListRoot: React.ForwardRefExoticComponent<ChakraDataList.RootProps & React.RefAttributes<HTMLDListElement>>;
4
+ interface ItemProps extends ChakraDataList.ItemProps {
5
+ label: React.ReactNode;
6
+ value: React.ReactNode;
7
+ info?: React.ReactNode;
8
+ grow?: boolean;
9
+ }
10
+ export declare const DataListItem: React.ForwardRefExoticComponent<ItemProps & React.RefAttributes<HTMLDivElement>>;
11
+ export {};
@@ -0,0 +1,5 @@
1
+ /// <reference types="react" />
2
+ import type { HTMLChakraProps, RecipeProps } from "@chakra-ui/react";
3
+ export interface LinkButtonProps extends HTMLChakraProps<"a", RecipeProps<"button">> {
4
+ }
5
+ export declare const LinkButton: import("react").ForwardRefExoticComponent<LinkButtonProps & import("react").RefAttributes<HTMLAnchorElement>>;
@@ -0,0 +1,8 @@
1
+ import { NumberInput as ChakraNumberInput } from "@chakra-ui/react";
2
+ import * as React from "react";
3
+ export interface NumberInputProps extends ChakraNumberInput.RootProps {
4
+ }
5
+ export declare const NumberInputRoot: React.ForwardRefExoticComponent<NumberInputProps & React.RefAttributes<HTMLDivElement>>;
6
+ export declare const NumberInputField: React.ForwardRefExoticComponent<ChakraNumberInput.InputProps & React.RefAttributes<HTMLInputElement>>;
7
+ export declare const NumberInputScrubber: React.ForwardRefExoticComponent<ChakraNumberInput.ScrubberProps & React.RefAttributes<HTMLDivElement>>;
8
+ export declare const NumberInputLabel: React.ForwardRefExoticComponent<ChakraNumberInput.LabelProps & React.RefAttributes<HTMLLabelElement>>;
@@ -0,0 +1,20 @@
1
+ import type { ButtonProps, TextProps } from "@chakra-ui/react";
2
+ import { Pagination as ChakraPagination } from "@chakra-ui/react";
3
+ import * as React from "react";
4
+ type PaginationVariant = "outline" | "solid" | "subtle";
5
+ export interface PaginationRootProps extends Omit<ChakraPagination.RootProps, "type"> {
6
+ size?: ButtonProps["size"];
7
+ variant?: PaginationVariant;
8
+ getHref?: (page: number) => string;
9
+ }
10
+ export declare const PaginationRoot: React.ForwardRefExoticComponent<PaginationRootProps & React.RefAttributes<HTMLDivElement>>;
11
+ export declare const PaginationEllipsis: React.ForwardRefExoticComponent<ChakraPagination.EllipsisProps & React.RefAttributes<HTMLDivElement>>;
12
+ export declare const PaginationItem: React.ForwardRefExoticComponent<ChakraPagination.ItemProps & React.RefAttributes<HTMLButtonElement>>;
13
+ export declare const PaginationPrevTrigger: React.ForwardRefExoticComponent<ChakraPagination.PrevTriggerProps & React.RefAttributes<HTMLButtonElement>>;
14
+ export declare const PaginationNextTrigger: React.ForwardRefExoticComponent<ChakraPagination.NextTriggerProps & React.RefAttributes<HTMLButtonElement>>;
15
+ export declare const PaginationItems: (props: React.HTMLAttributes<HTMLElement>) => import("react/jsx-runtime").JSX.Element;
16
+ interface PageTextProps extends TextProps {
17
+ format?: "short" | "compact" | "long";
18
+ }
19
+ export declare const PaginationPageText: React.ForwardRefExoticComponent<PageTextProps & React.RefAttributes<HTMLParagraphElement>>;
20
+ export {};
@@ -0,0 +1,16 @@
1
+ import { RadioCard } from "@chakra-ui/react";
2
+ import * as React from "react";
3
+ interface RadioCardItemProps extends RadioCard.ItemProps {
4
+ icon?: React.ReactElement;
5
+ label?: React.ReactNode;
6
+ description?: React.ReactNode;
7
+ addon?: React.ReactNode;
8
+ indicator?: React.ReactNode | null;
9
+ indicatorPlacement?: "start" | "end" | "inside";
10
+ inputProps?: React.InputHTMLAttributes<HTMLInputElement>;
11
+ }
12
+ export declare const RadioCardItem: React.ForwardRefExoticComponent<RadioCardItemProps & React.RefAttributes<HTMLInputElement>>;
13
+ export declare const RadioCardRoot: React.ForwardRefExoticComponent<RadioCard.RootProps & React.RefAttributes<HTMLDivElement>>;
14
+ export declare const RadioCardLabel: React.ForwardRefExoticComponent<RadioCard.LabelProps & React.RefAttributes<HTMLDivElement>>;
15
+ export declare const RadioCardItemIndicator: React.ForwardRefExoticComponent<RadioCard.ItemIndicatorProps & React.RefAttributes<HTMLSpanElement>>;
16
+ export {};
@@ -0,0 +1,10 @@
1
+ import { Popover as ChakraPopover } from "@chakra-ui/react";
2
+ import * as React from "react";
3
+ export interface ToggleTipProps extends ChakraPopover.RootProps {
4
+ showArrow?: boolean;
5
+ portalled?: boolean;
6
+ portalRef?: React.RefObject<HTMLElement>;
7
+ content?: React.ReactNode;
8
+ }
9
+ export declare const ToggleTip: React.ForwardRefExoticComponent<ToggleTipProps & React.RefAttributes<HTMLDivElement>>;
10
+ export declare const InfoTip: React.ForwardRefExoticComponent<Partial<ToggleTipProps> & React.RefAttributes<HTMLDivElement>>;
@@ -61,9 +61,10 @@ export * from "./components/Controls/ResetFilteringButton";
61
61
  export * from "./components/Controls/ResetSelectionButton";
62
62
  export * from "./components/Controls/ResetSortingButton";
63
63
  export * from "./components/Controls/RowCountText";
64
+ export * from "./components/DataTable/CardHeader";
65
+ export * from "./components/DataTable/DataDisplay";
64
66
  export * from "./components/DataTable/DataTable";
65
67
  export * from "./components/DataTable/DataTableServer";
66
- export * from "./components/DataTable/DefaultCard";
67
68
  export * from "./components/DataTable/DefaultTable";
68
69
  export * from "./components/DataTable/ReloadButton";
69
70
  export * from "./components/DataTable/Table";
@@ -78,7 +79,7 @@ export * from "./components/DataTable/TableFooter";
78
79
  export * from "./components/DataTable/TableHeader";
79
80
  export * from "./components/DataTable/TableLoadingComponent";
80
81
  export * from "./components/DataTable/TableOrderer";
81
- export * from "./components/DataTable/TablePagination";
82
+ export * from "./components/Controls/TablePagination";
82
83
  export * from "./components/DataTable/TableSelector";
83
84
  export * from "./components/DataTable/TableSorter";
84
85
  export * from "./components/DataTable/TableViewer";
@@ -89,3 +90,9 @@ export * from "./components/DataTable/useDataTableContext";
89
90
  export * from "./components/DataTable/useDataTableServer";
90
91
  export * from "./components/Filter/FilterOptions";
91
92
  export * from "./components/Filter/GlobalFilter";
93
+ export * from "./components/DataTable/utils/getColumns";
94
+ export * from "./components/Form/Form";
95
+ export * from "./components/DatePicker/DatePicker";
96
+ export * from "./components/DatePicker/getMultiDates";
97
+ export * from "./components/DatePicker/getRangeDates";
98
+ export * from "./components/DatePicker/RangeDatePicker";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bsol-oss/react-datatable5",
3
- "version": "5.0.1",
3
+ "version": "6.0.1",
4
4
  "type": "module",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/index.mjs",
@@ -34,15 +34,18 @@
34
34
  "build-storybook": "storybook build",
35
35
  "format": "prettier --ignore-unknown '**/*'"
36
36
  },
37
- "dependencies": {
37
+ "peerDependencies": {
38
38
  "@atlaskit/pragmatic-drag-and-drop": "^1.4.0",
39
39
  "@chakra-ui/react": "^3.2.3",
40
40
  "@emotion/react": "^11.13.5",
41
41
  "@tanstack/match-sorter-utils": "^8.15.1",
42
+ "@tanstack/react-query": "^5.65.0",
42
43
  "@tanstack/react-table": "^8.16.0",
43
- "axios": "^1.6.8",
44
+ "dayjs": "^1.11.13",
45
+ "dayzed": "^3.2.3",
44
46
  "react": "^19.0.0",
45
47
  "react-dom": "^19.0.0",
48
+ "react-hook-form": "^7.54.2",
46
49
  "react-icons": "^5.4.0",
47
50
  "tiny-invariant": "^1.3.3"
48
51
  },
@@ -56,12 +59,14 @@
56
59
  "@storybook/react": "^8.4.7",
57
60
  "@storybook/react-vite": "^8.4.7",
58
61
  "@storybook/test": "^8.4.7",
62
+ "@types/json-schema": "^7.0.15",
59
63
  "@types/react": "19.0.2",
60
64
  "@types/react-beautiful-dnd": "^13.1.8",
61
65
  "@types/react-dom": "19.0.2",
62
66
  "@typescript-eslint/eslint-plugin": "^7.2.0",
63
67
  "@typescript-eslint/parser": "^7.2.0",
64
68
  "@vitejs/plugin-react": "^4.2.1",
69
+ "axios": "^1.7.9",
65
70
  "eslint": "^8.57.0",
66
71
  "eslint-plugin-react-hooks": "^4.6.0",
67
72
  "eslint-plugin-react-refresh": "^0.4.6",