@bsol-oss/react-datatable5 12.0.0-beta.90 → 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/DataTable/display/TextCell.d.ts

@@ -1,10 +1,17 @@
-import { FlexProps, TextProps } from "@chakra-ui/react";
-import { ReactNode } from "react";
+import { FlexProps, TextProps } from '@chakra-ui/react';
+import { ReactNode } from 'react';
 export interface TextCellProps {
+    text?: string | number | null | undefined | string[];
+    href?: string;
+    onClick?: () => void;
+    isCopyable?: boolean;
+    isBadge?: boolean;
+    badgeColor?: 'gray' | 'red' | 'orange' | 'yellow' | 'green' | 'teal' | 'blue' | 'cyan' | 'purple' | 'pink';
+    colorPalette?: 'gray' | 'red' | 'orange' | 'yellow' | 'green' | 'teal' | 'blue' | 'cyan' | 'purple' | 'pink';
     label?: string;
     noOfLines?: number[];
-    children: string | number | ReactNode | ReactNode[];
+    children?: string | number | ReactNode | ReactNode[];
     containerProps?: FlexProps;
     textProps?: TextProps;
 }
-export declare const TextCell: ({ label, containerProps, textProps, children, }: TextCellProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TextCell: ({ text, href, onClick, isCopyable, isBadge, badgeColor, colorPalette, label, containerProps, textProps, children, }: TextCellProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,8 @@
+import { ReactNode } from 'react';
+interface TextWithCopyProps {
+    text: string | number | null | undefined;
+    globalFilter?: string;
+    highlightedText?: ReactNode;
+}
+export declare const TextWithCopy: ({ text, globalFilter, highlightedText, }: TextWithCopyProps) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,18 @@
+import { DatePickerLabels } from './DatePicker';
+export interface DatePickerInputProps {
+    value?: string | Date;
+    onChange?: (date?: string) => void;
+    placeholder?: string;
+    dateFormat?: string;
+    displayFormat?: string;
+    labels?: DatePickerLabels;
+    timezone?: string;
+    minDate?: Date;
+    maxDate?: Date;
+    firstDayOfWeek?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
+    showOutsideDays?: boolean;
+    monthsToDisplay?: number;
+    insideDialog?: boolean;
+    readOnly?: boolean;
+}
+export declare function DatePickerInput({ value, onChange, placeholder, dateFormat, displayFormat, labels, timezone, minDate, maxDate, firstDayOfWeek, showOutsideDays, monthsToDisplay, insideDialog, readOnly, }: DatePickerInputProps): import("react/jsx-runtime").JSX.Element;

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

@@ -7,6 +7,9 @@ interface DateTimePickerProps {
     labels?: DatePickerLabels;
     timezone?: string;
     startTime?: string;
+    minDate?: Date;
+    maxDate?: Date;
+    portalled?: boolean;
 }
-export declare function DateTimePicker({ value, onChange, format, showSeconds, labels, timezone, startTime, }: DateTimePickerProps): import("react/jsx-runtime").JSX.Element;
+export declare function DateTimePicker({ value, onChange, format, showSeconds, labels, timezone, startTime, minDate, maxDate, portalled, }: DateTimePickerProps): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -14,6 +14,7 @@ interface IsoTimePickerProps {
     startTime?: string;
     selectedDate?: string;
     timezone?: string;
+    portalled?: boolean;
 }
-export declare function IsoTimePicker({ hour, setHour, minute, setMinute, second, setSecond, onChange, startTime, selectedDate, timezone, }: IsoTimePickerProps): import("react/jsx-runtime").JSX.Element;
+export declare function IsoTimePicker({ hour, setHour, minute, setMinute, second, setSecond, onChange, startTime, selectedDate, timezone, portalled, }: IsoTimePickerProps): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -4,4 +4,5 @@ export { IsoTimePicker } from './IsoTimePicker';
 export { DateTimePicker } from './DateTimePicker';
 export { DurationPicker } from './DurationPicker';
 export { UniversalPicker } from './UniversalPicker';
-export type { DatePickerProps, CalendarProps, GetDateColorProps, GetVariantProps } from './DatePicker';
+export { DatePickerInput } from './DatePickerInput';
+export type { DatePickerProps, CalendarProps, GetDateColorProps, GetVariantProps, } from './DatePicker';

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/TimePicker/TimePicker.d.ts

@@ -18,6 +18,7 @@ interface TimePickerProps {
     timezone?: string;
     startTime?: string;
     selectedDate?: string;
+    portalled?: boolean;
 }
-export declare function TimePicker({ hour, setHour, minute, setMinute, meridiem, setMeridiem, meridiemLabel: _meridiemLabel, onChange, timezone, startTime, selectedDate, }: TimePickerProps): import("react/jsx-runtime").JSX.Element;
+export declare function TimePicker({ hour, setHour, minute, setMinute, meridiem, setMeridiem, meridiemLabel: _meridiemLabel, onChange, timezone, startTime, selectedDate, portalled, }: TimePickerProps): import("react/jsx-runtime").JSX.Element;
 export {};

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/dist/types/index.d.ts

@@ -126,6 +126,7 @@ export * from './components/DatePicker/DatePicker';
 export * from './components/DatePicker/getMultiDates';
 export * from './components/DatePicker/getRangeDates';
 export * from './components/DatePicker/RangeDatePicker';
+export * from './components/DatePicker/DatePickerInput';
 export * from './components/DataTable/display/RecordDisplay';
 export * from './components/DataTable/display/TableDataDisplay';
 export * from './components/DataTable/DefaultTable';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bsol-oss/react-datatable5",
-  "version": "12.0.0-beta.90",
+  "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}": [