@bsol-oss/react-datatable5 12.0.0-beta.91 → 12.0.0-beta.92

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

@@ -1,5 +1,5 @@
-import { BoxProps } from "@chakra-ui/react";
-import { UseTranslationResponse } from "react-i18next";
+import { BoxProps } from '@chakra-ui/react';
+import { UseTranslationResponse } from 'react-i18next';
 export interface RecordDisplayProps {
     object: object | null;
     boxProps?: BoxProps;

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

@@ -3,7 +3,7 @@ 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';
+import { DateTimePickerLabels, IdPickerLabels, EnumPickerLabels, FilePickerLabels, FormButtonLabels } from './components/types/CustomJSONSchema7';
 export interface SchemaFormContext<TData extends FieldValues> {
     schema: JSONSchema7;
     serverUrl: string;
@@ -44,6 +44,7 @@ export interface SchemaFormContext<TData extends FieldValues> {
     idPickerLabels?: IdPickerLabels;
     enumPickerLabels?: EnumPickerLabels;
     filePickerLabels?: FilePickerLabels;
+    formButtonLabels?: FormButtonLabels;
     ajvResolver: Resolver<FieldValues>;
     insideDialog?: boolean;
 }

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

@@ -4,7 +4,7 @@ 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, DateTimePickerLabels, IdPickerLabels, EnumPickerLabels, FilePickerLabels } from '../types/CustomJSONSchema7';
+import { CustomJSONSchema7, DateTimePickerLabels, IdPickerLabels, EnumPickerLabels, FilePickerLabels, FormButtonLabels } from '../types/CustomJSONSchema7';
 export interface FormRootProps<TData extends FieldValues> {
     schema: CustomJSONSchema7;
     serverUrl: string;
@@ -33,13 +33,13 @@ export interface FormRootProps<TData extends FieldValues> {
     idPickerLabels?: IdPickerLabels;
     enumPickerLabels?: EnumPickerLabels;
     filePickerLabels?: FilePickerLabels;
+    formButtonLabels?: FormButtonLabels;
     insideDialog?: boolean;
 }
 export interface CustomJSONSchema7Definition extends JSONSchema7 {
     variant: string;
     in_table: string;
     column_ref: string;
-    display_column: string;
     gridColumn: string;
     gridRow: string;
     foreign_key: ForeignKeyProps;
@@ -48,6 +48,5 @@ export interface CustomJSONSchema7Definition extends JSONSchema7 {
 export declare const idPickerSanityCheck: (column: string, foreign_key?: {
     table?: string | undefined;
     column?: string | undefined;
-    display_column?: string | undefined;
 } | undefined) => void;
-export declare const FormRoot: <TData extends FieldValues>({ schema, idMap, setIdMap, form, serverUrl, translate, children, order, ignore, include, onSubmit, rowNumber, requestOptions, getUpdatedData, customErrorRenderer, customSuccessRenderer, displayConfig, requireConfirmation, dateTimePickerLabels, idPickerLabels, enumPickerLabels, filePickerLabels, insideDialog, }: FormRootProps<TData>) => import("react/jsx-runtime").JSX.Element;
+export declare const FormRoot: <TData extends FieldValues>({ schema, idMap, setIdMap, form, serverUrl, translate, children, order, ignore, include, onSubmit, rowNumber, requestOptions, getUpdatedData, customErrorRenderer, customSuccessRenderer, displayConfig, requireConfirmation, dateTimePickerLabels, idPickerLabels, enumPickerLabels, filePickerLabels, formButtonLabels, insideDialog, }: FormRootProps<TData>) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,4 +1,4 @@
-import { CustomJSONSchema7 } from "../types/CustomJSONSchema7";
+import { CustomJSONSchema7 } from '../types/CustomJSONSchema7';
 export interface ArrayRendererProps {
     column: string;
     schema: CustomJSONSchema7;

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

@@ -24,7 +24,6 @@ export type CustomQueryFn = (params: CustomQueryFnParams) => Promise<CustomQuery
 export interface ForeignKeyProps {
     column: string;
     table: string;
-    display_column: string;
     customQueryFn?: CustomQueryFn;
 }
 export declare const StringInputField: ({ column, schema, prefix, }: StringInputFieldProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -4,9 +4,4 @@ export interface TextAreaInputProps {
     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/types/CustomJSONSchema7.d.ts

@@ -44,6 +44,13 @@ export interface FilePickerLabels {
     uploading?: string;
     uploadFailed?: string;
 }
+export interface FormButtonLabels {
+    submit?: string;
+    reset?: string;
+    cancel?: string;
+    confirm?: string;
+    submitAgain?: string;
+}
 export interface CustomJSONSchema7 extends JSONSchema7 {
     gridColumn?: string;
     gridRow?: string;
@@ -72,6 +79,7 @@ export interface CustomJSONSchema7 extends JSONSchema7 {
     errorMessages?: Partial<Record<ValidationErrorType | string, string>>;
     filePicker?: FilePickerProps;
 }
+export declare const defaultRenderDisplay: (item: unknown) => ReactNode;
 export interface TagPickerProps {
     column: string;
     schema: CustomJSONSchema7;

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

@@ -1,4 +1,4 @@
-import { CustomJSONSchema7 } from "../types/CustomJSONSchema7";
+import { CustomJSONSchema7 } from '../types/CustomJSONSchema7';
 export interface ArrayViewerProps {
     column: string;
     schema: CustomJSONSchema7;

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

@@ -1,4 +1,4 @@
-import { CustomJSONSchema7 } from "../types/CustomJSONSchema7";
+import { CustomJSONSchema7 } from '../types/CustomJSONSchema7';
 export interface BooleanViewerProps {
     column: string;
     schema: CustomJSONSchema7;

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

@@ -1,4 +1,4 @@
-import { CustomJSONSchema7 } from "../types/CustomJSONSchema7";
+import { CustomJSONSchema7 } from '../types/CustomJSONSchema7';
 export interface DateViewerProps {
     column: string;
     schema: CustomJSONSchema7;

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

@@ -1,4 +1,4 @@
-import { CustomJSONSchema7 } from "../types/CustomJSONSchema7";
+import { CustomJSONSchema7 } from '../types/CustomJSONSchema7';
 export interface DateViewerProps {
     column: string;
     schema: CustomJSONSchema7;

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

@@ -1,4 +1,4 @@
-import { CustomJSONSchema7 } from "../types/CustomJSONSchema7";
+import { CustomJSONSchema7 } from '../types/CustomJSONSchema7';
 export interface IdViewerProps {
     column: string;
     schema: CustomJSONSchema7;

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

@@ -1,4 +1,4 @@
-import { CustomJSONSchema7 } from "../types/CustomJSONSchema7";
+import { CustomJSONSchema7 } from '../types/CustomJSONSchema7';
 export interface ObjectViewerProps {
     schema: CustomJSONSchema7;
     column: string;

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

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

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

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

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

@@ -1,12 +1,7 @@
-import { CustomJSONSchema7 } from "../types/CustomJSONSchema7";
+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;

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

@@ -1,4 +1,4 @@
-import { CustomJSONSchema7 } from "../types/CustomJSONSchema7";
+import { CustomJSONSchema7 } from '../types/CustomJSONSchema7';
 export interface TimeViewerProps {
     column: string;
     schema: CustomJSONSchema7;

package/dist/types/components/Form/utils/useFormI18n.d.ts

@@ -23,14 +23,16 @@
  * const colLabel = formI18n.colLabel;
  * ```
  */
-export declare const useFormI18n: (column: string, prefix?: string) => {
+export declare const useFormI18n: (column: string, prefix?: string, schema?: {
+    title?: string;
+}) => {
     /**
      * The constructed column label (prefix + column)
      */
     colLabel: string;
     /**
-     * Get the field label translation
-     * Equivalent to: translate.t(removeIndex(`${colLabel}.field_label`))
+     * Get the field label from schema title prop, or fall back to translation
+     * Uses schema.title if available, otherwise: translate.t(removeIndex(`${colLabel}.field_label`))
      */
     label: (options?: any) => string;
     /**

package/dist/types/components/ui/pagination.d.ts

@@ -1,11 +1,14 @@
-import type { ButtonProps, TextProps } from "@chakra-ui/react";
-import { Pagination as ChakraPagination } from "@chakra-ui/react";
-import * as React from "react";
-type PaginationVariant = "outline" | "solid" | "subtle";
-export interface PaginationRootProps extends Omit<ChakraPagination.RootProps, "type"> {
-    size?: ButtonProps["size"];
+import type { ButtonProps, TextProps } from '@chakra-ui/react';
+import { Pagination as ChakraPagination } from '@chakra-ui/react';
+import * as React from 'react';
+type PaginationVariant = 'outline' | 'solid' | 'subtle';
+export interface PaginationRootProps extends Omit<ChakraPagination.RootProps, 'type'> {
+    size?: ButtonProps['size'];
     variant?: PaginationVariant;
     getHref?: (page: number) => string;
+    siblingCount?: number;
+    minSiblingCount?: number;
+    maxSiblingCount?: number;
 }
 export declare const PaginationRoot: React.ForwardRefExoticComponent<PaginationRootProps & React.RefAttributes<HTMLDivElement>>;
 export declare const PaginationEllipsis: React.ForwardRefExoticComponent<ChakraPagination.EllipsisProps & React.RefAttributes<HTMLDivElement>>;
@@ -14,7 +17,7 @@ export declare const PaginationPrevTrigger: React.ForwardRefExoticComponent<Chak
 export declare const PaginationNextTrigger: React.ForwardRefExoticComponent<ChakraPagination.NextTriggerProps & React.RefAttributes<HTMLButtonElement>>;
 export declare const PaginationItems: (props: React.HTMLAttributes<HTMLElement>) => import("react/jsx-runtime").JSX.Element;
 interface PageTextProps extends TextProps {
-    format?: "short" | "compact" | "long";
+    format?: 'short' | 'compact' | 'long';
 }
 export declare const PaginationPageText: React.ForwardRefExoticComponent<PageTextProps & React.RefAttributes<HTMLParagraphElement>>;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bsol-oss/react-datatable5",
-  "version": "12.0.0-beta.91",
+  "version": "12.0.0-beta.92",
   "type": "module",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
@@ -53,13 +53,14 @@
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
     "react-hook-form": "^7.54.2",
-    "react-i18next": "^15.4.1",
+    "react-i18next": "^16.3.5",
     "react-icons": "^5.4.0",
     "tiny-invariant": "^1.3.3"
   },
   "devDependencies": {
     "@rollup/plugin-alias": "^5.1.1",
     "@rollup/plugin-typescript": "^11.1.6",
+    "@storybook/addon-docs": "^10.0.7",
     "@storybook/addon-onboarding": "^10.0.7",
     "@storybook/react-vite": "^10.0.7",
     "@types/ajv-errors": "^2.0.0",
@@ -83,8 +84,7 @@
     "rollup-plugin-dts": "^6.1.0",
     "storybook": "^10.0.7",
     "typescript": "^5.2.2",
-    "vite": "^5.2.0",
-    "@storybook/addon-docs": "^10.0.7"
+    "vite": "^5.2.0"
   },
   "lint-staged": {
     "*.{ts,js,json,md,tsx}": [