@bsol-oss/react-datatable5 12.0.0-beta.9 → 12.0.0-beta.90

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

@@ -0,0 +1,223 @@
+/**
+ * Type definitions for error message configuration
+ */
+/**
+ * Common validation error types that can be customized
+ */
+export type ValidationErrorType = 'minLength' | 'maxLength' | 'pattern' | 'minimum' | 'maximum' | 'multipleOf' | 'format' | 'type' | 'enum' | 'required' | 'minItems' | 'maxItems' | 'uniqueItems' | 'minProperties' | 'maxProperties' | 'anyOf' | 'oneOf' | 'allOf' | 'const' | 'additionalProperties' | 'dependencies';
+/**
+ * Configuration for field-specific validation errors
+ */
+export type FieldErrorConfig = Partial<Record<ValidationErrorType, string>>;
+/**
+ * Configuration for building error messages
+ */
+export interface ErrorMessageConfig {
+    /**
+     * Required field error messages
+     * Maps field names to their required error messages
+     * Supports both plain strings and i18n translation keys
+     *
+     * @example
+     * ```typescript
+     * required: {
+     *   username: "Username is required", // plain string
+     *   email: "user.email.field_required" // i18n key
+     * }
+     * ```
+     */
+    required?: Record<string, string>;
+    /**
+     * Field-specific validation error messages
+     * Maps field names to their validation error configurations
+     *
+     * @example
+     * ```typescript
+     * properties: {
+     *   username: {
+     *     minLength: "Username must be at least 3 characters",
+     *     pattern: "Username can only contain letters and numbers"
+     *   },
+     *   age: {
+     *     minimum: "Age must be at least 18",
+     *     maximum: "Age cannot exceed 120"
+     *   }
+     * }
+     * ```
+     */
+    properties?: Record<string, FieldErrorConfig>;
+    /**
+     * Global fallback error messages for validation types
+     * These are used when no field-specific message is provided
+     *
+     * @example
+     * ```typescript
+     * {
+     *   minLength: "This field is too short",
+     *   minimum: "Value is too small"
+     * }
+     * ```
+     */
+    [key: string]: any;
+}
+/**
+ * Result of buildErrorMessages that follows ajv-errors format
+ */
+export interface ErrorMessageResult {
+    required?: Record<string, string>;
+    properties?: Record<string, FieldErrorConfig>;
+    [key: string]: any;
+}
+/**
+ * Schema-level error message builder
+ *
+ * Builds a complete errorMessage object compatible with ajv-errors plugin.
+ * Supports both i18n translation keys and plain string messages.
+ *
+ * @param config - Error message configuration
+ * @returns Complete errorMessage object for JSON Schema
+ *
+ * @example
+ * ```typescript
+ * // Simple required field errors
+ * const errorMessage = buildErrorMessages({
+ *   required: {
+ *     username: "Username is required",
+ *     email: "user.email.field_required" // i18n key
+ *   }
+ * });
+ *
+ * // With validation rules
+ * const errorMessage = buildErrorMessages({
+ *   required: {
+ *     password: "Password is required"
+ *   },
+ *   properties: {
+ *     password: {
+ *       minLength: "Password must be at least 8 characters",
+ *       pattern: "Password must contain letters and numbers"
+ *     },
+ *     age: {
+ *       minimum: "Must be 18 or older",
+ *       maximum: "Must be under 120"
+ *     }
+ *   }
+ * });
+ *
+ * // With global fallbacks
+ * const errorMessage = buildErrorMessages({
+ *   required: {
+ *     email: "Email is required"
+ *   },
+ *   minLength: "This field is too short", // applies to all fields
+ *   minimum: "Value is too small"
+ * });
+ * ```
+ */
+export declare const buildErrorMessages: (config: ErrorMessageConfig) => ErrorMessageResult;
+/**
+ * Converts buildErrorMessages result to ajv-errors compatible format
+ */
+export declare const convertToAjvErrorsFormat: (errorMessages: ErrorMessageResult) => Record<string, any>;
+/**
+ * Helper function to build required field errors
+ *
+ * Simplifies creating required field error messages, especially useful
+ * for generating i18n translation keys following a pattern.
+ *
+ * @param fields - Array of required field names
+ * @param messageOrGenerator - Either a string template or function to generate messages
+ * @returns Required field error configuration
+ *
+ * @example
+ * ```typescript
+ * // Plain string messages
+ * const required = buildRequiredErrors(
+ *   ["username", "email", "password"],
+ *   (field) => `${field} is required`
+ * );
+ * // Result: { username: "username is required", email: "email is required", ... }
+ *
+ * // i18n translation keys
+ * const required = buildRequiredErrors(
+ *   ["username", "email"],
+ *   (field) => `user.${field}.field_required`
+ * );
+ * // Result: { username: "user.username.field_required", email: "user.email.field_required" }
+ *
+ * // Same message for all fields
+ * const required = buildRequiredErrors(
+ *   ["username", "email"],
+ *   "This field is required"
+ * );
+ * // Result: { username: "This field is required", email: "This field is required" }
+ *
+ * // With keyPrefix for i18n
+ * const required = buildRequiredErrors(
+ *   ["username", "email"],
+ *   (field) => `${field}.field_required`,
+ *   "user"
+ * );
+ * // Result: { username: "user.username.field_required", email: "user.email.field_required" }
+ * ```
+ */
+export declare const buildRequiredErrors: (fields: string[], messageOrGenerator: string | ((field: string) => string), keyPrefix?: string) => Record<string, string>;
+/**
+ * Helper function to build field-specific validation errors
+ *
+ * Creates property-specific error messages for multiple fields at once.
+ *
+ * @param config - Maps field names to their validation error configurations
+ * @returns Properties error configuration
+ *
+ * @example
+ * ```typescript
+ * const properties = buildFieldErrors({
+ *   username: {
+ *     minLength: "Username must be at least 3 characters",
+ *     pattern: "Username can only contain letters and numbers"
+ *   },
+ *   age: {
+ *     minimum: "Must be 18 or older",
+ *     maximum: "Must be under 120"
+ *   },
+ *   email: {
+ *     format: "Please enter a valid email address"
+ *   }
+ * });
+ * ```
+ */
+export declare const buildFieldErrors: (config: Record<string, FieldErrorConfig>) => Record<string, FieldErrorConfig>;
+/**
+ * Helper function to create a complete error message configuration in one call
+ *
+ * Convenient wrapper that combines required and validation errors.
+ *
+ * @param required - Required field error messages
+ * @param properties - Field-specific validation error messages
+ * @param globalFallbacks - Global fallback error messages
+ * @returns Complete error message configuration
+ *
+ * @example
+ * ```typescript
+ * const errorMessage = createErrorMessage(
+ *   {
+ *     username: "Username is required",
+ *     email: "Email is required"
+ *   },
+ *   {
+ *     username: {
+ *       minLength: "Username must be at least 3 characters"
+ *     },
+ *     email: {
+ *       format: "Please enter a valid email"
+ *     }
+ *   },
+ *   {
+ *     minLength: "This field is too short",
+ *     format: "Invalid format"
+ *   }
+ * );
+ * ```
+ */
+export declare const createErrorMessage: (required?: Record<string, string>, properties?: Record<string, FieldErrorConfig>, globalFallbacks?: Partial<Record<ValidationErrorType, string>>) => ErrorMessageResult;

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

@@ -0,0 +1,6 @@
+/**
+ * Format bytes to human-readable string
+ * @param bytes - The number of bytes to format
+ * @returns Formatted string (e.g., "1.5 KB", "2.3 MB")
+ */
+export declare function formatBytes(bytes: number): string;

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

@@ -0,0 +1,6 @@
+import { FieldErrors } from 'react-hook-form';
+/**
+ * Gets the error message for a specific field from react-hook-form errors
+ * Prioritizes required errors (#.required) over field-specific validation errors
+ */
+export declare const getFieldError: (errors: FieldErrors, fieldName: string) => string | undefined;

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

@@ -0,0 +1,53 @@
+/**
+ * Custom hook to simplify i18n translation for form fields.
+ * Automatically handles colLabel construction and removeIndex logic.
+ *
+ * @param column - The column name
+ * @param prefix - The prefix for the field (usually empty string or parent path)
+ * @returns Object with translation helper functions
+ *
+ * @example
+ * ```tsx
+ * const formI18n = useFormI18n(column, prefix);
+ *
+ * // Get field label
+ * <Field label={formI18n.label()} />
+ *
+ * // Get error message
+ * <Text>{formI18n.required()}</Text>
+ *
+ * // Get custom translation key
+ * <Text>{formI18n.t('add_more')}</Text>
+ *
+ * // Access the raw colLabel
+ * const colLabel = formI18n.colLabel;
+ * ```
+ */
+export declare const useFormI18n: (column: string, prefix?: string) => {
+    /**
+     * The constructed column label (prefix + column)
+     */
+    colLabel: string;
+    /**
+     * Get the field label translation
+     * Equivalent to: translate.t(removeIndex(`${colLabel}.field_label`))
+     */
+    label: (options?: any) => string;
+    /**
+     * Get the required error message translation
+     * Equivalent to: translate.t(removeIndex(`${colLabel}.field_required`))
+     */
+    required: (options?: any) => string;
+    /**
+     * Get a translation for any custom key relative to the field
+     * Equivalent to: translate.t(removeIndex(`${colLabel}.${key}`))
+     *
+     * @param key - The translation key suffix (e.g., 'add_more', 'total', etc.)
+     * @param options - Optional translation options (e.g., defaultValue, interpolation variables)
+     */
+    t: (key: string, options?: any) => string;
+    /**
+     * Access to the original translate object for edge cases
+     */
+    translate: import("react-i18next").UseTranslationResponse<string, string>;
+};

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

@@ -0,0 +1,9 @@
+import { ErrorObject, ValidateFunction } from 'ajv';
+import { JSONSchema7 } from 'json-schema';
+type ValidateDataResult = {
+    isValid: boolean;
+    validate: ValidateFunction;
+    errors: ErrorObject<string, Record<string, any>, unknown>[] | null | undefined;
+};
+export declare const validateData: (data: unknown, schema: JSONSchema7) => ValidateDataResult;
+export {};

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

@@ -0,0 +1,22 @@
+import type React from "react";
+interface CustomTextareaProps {
+    value?: string;
+    defaultValue?: string;
+    placeholder?: string;
+    onChange?: (value: string) => void;
+    onFocus?: () => void;
+    onBlur?: () => void;
+    disabled?: boolean;
+    readOnly?: boolean;
+    className?: string;
+    rows?: number;
+    maxLength?: number;
+    autoFocus?: boolean;
+    invalid?: boolean;
+    required?: boolean;
+    label?: string;
+    helperText?: string;
+    errorText?: string;
+}
+declare const Textarea: React.ForwardRefExoticComponent<CustomTextareaProps & React.RefAttributes<HTMLDivElement>>;
+export { Textarea };

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

@@ -0,0 +1,23 @@
+import { Dispatch, SetStateAction } from 'react';
+interface TimePickerProps {
+    hour: number | null;
+    setHour: Dispatch<SetStateAction<number | null>>;
+    minute: number | null;
+    setMinute: Dispatch<SetStateAction<number | null>>;
+    meridiem: 'am' | 'pm' | null;
+    setMeridiem: Dispatch<SetStateAction<'am' | 'pm' | null>>;
+    onChange?: (newValue: {
+        hour: number | null;
+        minute: number | null;
+        meridiem: 'am' | 'pm' | null;
+    }) => void;
+    meridiemLabel?: {
+        am: string;
+        pm: string;
+    };
+    timezone?: string;
+    startTime?: string;
+    selectedDate?: string;
+}
+export declare function TimePicker({ hour, setHour, minute, setMinute, meridiem, setMeridiem, meridiemLabel: _meridiemLabel, onChange, timezone, startTime, selectedDate, }: TimePickerProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -1,6 +1,6 @@
-import { Field as ChakraField } from "@chakra-ui/react";
-import * as React from "react";
-export interface FieldProps extends Omit<ChakraField.RootProps, "label"> {
+import { Field as ChakraField } from '@chakra-ui/react';
+import * as React from 'react';
+export interface FieldProps extends Omit<ChakraField.RootProps, 'label'> {
     label?: React.ReactNode;
     helperText?: React.ReactNode;
     errorText?: React.ReactNode;

package/dist/types/index.d.ts

@@ -1,6 +1,6 @@
-import { Column, RowData } from "@tanstack/react-table";
-import { ReactNode } from "react";
-declare module "@tanstack/react-table" {
+import { Column, RowData } from '@tanstack/react-table';
+import { ReactNode } from 'react';
+declare module '@tanstack/react-table' {
     interface ColumnMeta<TData extends RowData, TValue> {
         /**
          * If `showCustomDisplay` is `true`, it will use the cell render to render the value.
@@ -12,6 +12,17 @@ declare module "@tanstack/react-table" {
          * The display name of the column, used for rendering headers.
          */
         displayName?: string;
+        /**
+         * Text configuration for the column header menu items.
+         * These strings can be customized per column.
+         */
+        headerTexts?: {
+            pinColumn?: string;
+            cancelPin?: string;
+            sortAscending?: string;
+            sortDescending?: string;
+            clearSorting?: string;
+        };
         /**
          * Specifies the type of filter to be used for the column.
          *
@@ -28,11 +39,14 @@ declare module "@tanstack/react-table" {
          * - "dateRange": A date range filter.
          * - "custom": A custom filter function.
          */
-        filterVariant?: "text" | "range" | "select" | "tag" | "boolean" | "dateRange" | "custom";
+        filterVariant?: 'text' | 'range' | 'select' | 'tag' | 'boolean' | 'dateRange' | 'custom';
         /**
          * Options for the select filter variant, if applicable.
          */
-        filterOptions?: string[];
+        filterOptions?: {
+            label: string;
+            value: string;
+        }[];
         /**
          * Configuration for the range filter variant, if applicable.
          *
@@ -55,55 +69,67 @@ declare module "@tanstack/react-table" {
          * @returns A JSX element representing the filter UI.
          */
         renderFilter?: (column: Column<TData>) => ReactNode;
+        /**
+         * Priority for responsive column hiding when table width is too narrow.
+         * Lower priority numbers = hide first (e.g., priority 1 hides before priority 10).
+         * Columns without priority default to Infinity (highest priority, never auto-hide).
+         * Only applies when canResize={false}.
+         */
+        responsivePriority?: number;
     }
 }
-export * from "./components/DataTable/controls/DensityToggleButton";
-export * from "./components/DataTable/controls/EditSortingButton";
-export * from "./components/DataTable/controls/FilterDialog";
-export * from "./components/DataTable/controls/PageSizeControl";
-export * from "./components/DataTable/controls/Pagination";
-export * from "./components/DataTable/controls/ResetFilteringButton";
-export * from "./components/DataTable/controls/ResetSelectionButton";
-export * from "./components/DataTable/controls/ResetSortingButton";
-export * from "./components/DataTable/controls/RowCountText";
-export * from "./components/DataTable/controls/ViewDialog";
-export * from "./components/DataTable/display/CardHeader";
-export * from "./components/DataTable/display/EmptyState";
-export * from "./components/DataTable/display/ErrorAlert";
-export * from "./components/DataTable/context/useDataTableContext";
-export * from "./components/DataTable/display/DataDisplay";
-export * from "./components/DataTable/DataTable";
-export * from "./components/DataTable/DataTableServer";
-export * from "./components/DataTable/DefaultTable";
-export * from "./components/DataTable/controls/ReloadButton";
-export * from "./components/DataTable/display/Table";
-export * from "./components/DataTable/display/TableBody";
-export * from "./components/DataTable/display/TableCardContainer";
-export * from "./components/DataTable/display/TableCards";
-export * from "./components/DataTable/display/TableComponent";
-export * from "./components/DataTable/controls/TableControls";
-export * from "./components/DataTable/controls/TableFilters";
-export * from "./components/DataTable/controls/TableFilterTags";
-export * from "./components/DataTable/display/TableFooter";
-export * from "./components/DataTable/display/TableHeader";
-export * from "./components/DataTable/display/TableLoadingComponent";
-export * from "./components/DataTable/controls/TableSelector";
-export * from "./components/DataTable/controls/TableSorter";
-export * from "./components/DataTable/controls/TableViewer";
-export * from "./components/DataTable/display/TextCell";
-export * from "./components/DataTable/useDataTable";
-export * from "./components/DataTable/useDataTableServer";
-export * from "./components/DataTable/utils/getColumns";
-export * from "./components/DataTable/display/TableDataDisplay";
-export * from "./components/Filter/FilterOptions";
-export * from "./components/Filter/GlobalFilter";
-export * from "./components/Form/components/core/DefaultForm";
-export * from "./components/Form/components/core/FormRoot";
-export * from "./components/Form/components/core/FormTitle";
-export * from "./components/Form/components/core/FormBody";
-export * from "./components/Form/useForm";
-export * from "./components/DatePicker/DatePicker";
-export * from "./components/DatePicker/getMultiDates";
-export * from "./components/DatePicker/getRangeDates";
-export * from "./components/DatePicker/RangeDatePicker";
-export * from "./components/DataTable/display/RecordDisplay";
+export type { TableHeaderTexts } from './components/DataTable/display/TableHeader';
+export * from './components/DataTable/controls/DensityToggleButton';
+export * from './components/DataTable/controls/EditSortingButton';
+export * from './components/DataTable/controls/FilterDialog';
+export * from './components/DataTable/controls/PageSizeControl';
+export * from './components/DataTable/controls/Pagination';
+export * from './components/DataTable/controls/ResetFilteringButton';
+export * from './components/DataTable/controls/ResetSelectionButton';
+export * from './components/DataTable/controls/ResetSortingButton';
+export * from './components/DataTable/controls/RowCountText';
+export * from './components/DataTable/controls/ViewDialog';
+export * from './components/DataTable/controls/ReloadButton';
+export * from './components/Filter/GlobalFilter';
+export * from './components/DataTable/controls/TableSelector';
+export * from './components/DataTable/controls/SelectAllRowsToggle';
+export * from './components/DataTable/controls/TableSorter';
+export * from './components/DataTable/controls/TableViewer';
+export * from './components/DataTable/controls/TableControls';
+export * from './components/DataTable/controls/TableFilters';
+export * from './components/DataTable/controls/TableFilterTags';
+export * from './components/DataTable/display/Table';
+export * from './components/DataTable/display/TableBody';
+export * from './components/DataTable/display/TableCardContainer';
+export * from './components/DataTable/display/TableCards';
+export * from './components/DataTable/display/TableComponent';
+export * from './components/DataTable/display/TableFooter';
+export * from './components/DataTable/display/TableHeader';
+export * from './components/DataTable/display/TableLoadingComponent';
+export * from './components/DataTable/display/TextCell';
+export * from './components/DataTable/display/CardHeader';
+export * from './components/DataTable/display/EmptyState';
+export * from './components/DataTable/display/ErrorAlert';
+export * from './components/DataTable/useDataTable';
+export * from './components/DataTable/useDataTableServer';
+export * from './components/DataTable/context/useDataTableContext';
+export * from './components/DataTable/utils/getColumns';
+export * from './components/Form/components/core/DefaultForm';
+export * from './components/Form/components/core/FormRoot';
+export * from './components/Form/components/core/FormTitle';
+export * from './components/Form/components/core/FormBody';
+export * from './components/Form/components/types/CustomJSONSchema7';
+export * from './components/Form/components/MediaLibraryBrowser';
+export * from './components/Form/useForm';
+export * from './components/Form/utils/buildErrorMessages';
+export * from './components/DatePicker/DatePicker';
+export * from './components/DatePicker/getMultiDates';
+export * from './components/DatePicker/getRangeDates';
+export * from './components/DatePicker/RangeDatePicker';
+export * from './components/DataTable/display/RecordDisplay';
+export * from './components/DataTable/display/TableDataDisplay';
+export * from './components/DataTable/DefaultTable';
+export * from './components/DataTable/DefaultTableServer';
+export * from './components/DataTable/display/DataDisplay';
+export * from './components/DataTable/DataTable';
+export * from './components/DataTable/DataTableServer';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bsol-oss/react-datatable5",
-  "version": "12.0.0-beta.9",
+  "version": "12.0.0-beta.90",
   "type": "module",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
@@ -32,17 +32,21 @@
     "preview": "vite preview",
     "storybook": "storybook dev -p 6006",
     "build-storybook": "storybook build",
-    "format": "prettier --ignore-unknown '**/*'"
+    "format": "prettier --ignore-unknown '**/*'",
+    "prepare": "husky"
   },
   "peerDependencies": {
     "@atlaskit/pragmatic-drag-and-drop": "^1.4.0",
     "@bsol-oss/dayzed-react19": "^0.0.4",
-    "@chakra-ui/react": "^3.2.3",
+    "@chakra-ui/react": "^3.19.1",
     "@emotion/react": "^11.13.5",
     "@tanstack/match-sorter-utils": "^8.15.1",
     "@tanstack/react-query": "^5.66.9",
     "@tanstack/react-table": "^8.21.2",
     "@uidotdev/usehooks": "^2.4.1",
+    "ajv": "^8.12.0",
+    "ajv-errors": "^3.0.0",
+    "ajv-formats": "^3.0.1",
     "axios": "^1.7.9",
     "dayjs": "^1.11.13",
     "next-themes": "^0.4.4",
@@ -56,13 +60,9 @@
   "devDependencies": {
     "@rollup/plugin-alias": "^5.1.1",
     "@rollup/plugin-typescript": "^11.1.6",
-    "@storybook/addon-essentials": "^8.4.7",
-    "@storybook/addon-interactions": "^8.4.7",
-    "@storybook/addon-onboarding": "^8.4.7",
-    "@storybook/blocks": "^8.4.7",
-    "@storybook/react": "^8.4.7",
-    "@storybook/react-vite": "^8.4.7",
-    "@storybook/test": "^8.4.7",
+    "@storybook/addon-onboarding": "^10.0.7",
+    "@storybook/react-vite": "^10.0.7",
+    "@types/ajv-errors": "^2.0.0",
     "@types/json-schema": "^7.0.15",
     "@types/react": "19.0.2",
     "@types/react-beautiful-dnd": "^13.1.8",
@@ -70,14 +70,25 @@
     "@typescript-eslint/eslint-plugin": "^7.2.0",
     "@typescript-eslint/parser": "^7.2.0",
     "@vitejs/plugin-react": "^4.2.1",
+    "ajv": "^8.12.0",
+    "ajv-errors": "^3.0.0",
+    "ajv-formats": "^3.0.1",
     "eslint": "^8.57.0",
     "eslint-plugin-react-hooks": "^4.6.0",
     "eslint-plugin-react-refresh": "^0.4.6",
-    "eslint-plugin-storybook": "^0.8.0",
+    "eslint-plugin-storybook": "^10.0.7",
+    "husky": "^9.1.7",
+    "lint-staged": "^16.2.5",
     "prettier": "3.2.5",
     "rollup-plugin-dts": "^6.1.0",
-    "storybook": "^8.4.7",
+    "storybook": "^10.0.7",
     "typescript": "^5.2.2",
-    "vite": "^5.2.0"
+    "vite": "^5.2.0",
+    "@storybook/addon-docs": "^10.0.7"
+  },
+  "lint-staged": {
+    "*.{ts,js,json,md,tsx}": [
+      "prettier --config ./.prettierrc --write"
+    ]
   }
 }

package/dist/types/components/Controls/DensityFeature.d.ts

@@ -1,23 +0,0 @@
-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/Controls/DensityToggleButton.d.ts

@@ -1,6 +0,0 @@
-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/Controls/EditFilterButton.d.ts

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

package/dist/types/components/Controls/EditOrderButton.d.ts

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