@vef-framework-react/components 2.1.4 → 2.1.6

package/dist/types/index.d.ts

@@ -1,4 +1,4 @@
-export { breakpoints, closeAllMessages, closeAllNotifications, colors, fullSizes, getSpacingValue, globalCssVars, isFragment, isPresetColor, isSemanticColor, mapSize, presetColors, resolveBreakpointValue, semanticColors, semanticSceneIcons, semanticSceneLabels, semanticScenes, showConfirm, showErrorAlert, showErrorMessage, showErrorNotification, showInfoAlert, showInfoMessage, showInfoNotification, showLoadingMessage, showSuccessAlert, showSuccessMessage, showSuccessNotification, showWarningAlert, showWarningMessage, showWarningNotification, sizes, useThemeTokens, type ActionButtonConfig, type ActionConfirmMode, type AlertOptions, type Breakpoint, type Color, type ConfirmOptions, type FullSize, type GetProp, type GetProps, type GetRef, type Length, type NotificationOptions, type Orientation, type Position, type PresetColor, type PropsWithRef, type SemanticColor, type SemanticScene, type Size, type SizeableLength } from './_base';
+export { breakpoints, closeAllMessages, closeAllNotifications, colors, emitReloadPage, fullSizes, getSpacingValue, globalCssVars, isFragment, isPresetColor, isSemanticColor, mapSize, presetColors, resolveBreakpointValue, semanticColors, semanticSceneIcons, semanticSceneLabels, semanticScenes, showConfirm, showErrorAlert, showErrorMessage, showErrorNotification, showInfoAlert, showInfoMessage, showInfoNotification, showLoadingMessage, showSuccessAlert, showSuccessMessage, showSuccessNotification, showWarningAlert, showWarningMessage, showWarningNotification, sizes, SYMBOL_PAGINATION, SYMBOL_SORT, useThemeTokens, type ActionButtonConfig, type ActionConfirmMode, type AlertOptions, type Breakpoint, type Color, type ConfirmOptions, type FullSize, type GetProp, type GetProps, type GetRef, type Length, type NotificationOptions, type OrderSpec, type Orientation, type Position, type PresetColor, type PropsWithRef, type SemanticColor, type SemanticScene, type Size, type SizeableLength } from './_base';
 export { ActionButton, type ActionButtonProps } from './action-button';
 export { ActionGroup, type ActionGroupProps } from './action-group';
 export { Affix, type AffixProps } from './affix';
@@ -23,6 +23,9 @@ export { Collapse, type CollapseItem, type CollapseProps } from './collapse';
 export { ColorPicker, type ColorPickerProps } from './color-picker';
 export { Compact, type CompactProps } from './compact';
 export { ConfigProvider, useIsDarkMode, type ConfigProviderProps, type ThemeConfig } from './config-provider';
+export { createCrudKit, Crud, type CrudActionButtonGroupProps, type CrudBasicFormScene, type CrudBasicSceneFormValues, type CrudFormActionsRenderers, type CrudFormDrawerConfig, type CrudFormMode, type CrudFormMutationFns, type CrudFormScene, type CrudKit, type CrudOperationButtonGroupProps, type CrudProps } from './crud';
+export type { PaginatedQueryParams, QueryParams } from './crud';
+export { CrudPage, type CrudPageProps } from './crud-page';
 export { DatePicker, type DatePickerProps, type DateRangePickerProps } from './date-picker';
 export { Descriptions, type DescriptionsItem, type DescriptionsProps } from './descriptions';
 export { Divider, type DividerProps } from './divider';
@@ -31,10 +34,13 @@ export { Dropdown, type DropdownButtonProps, type DropdownButtonType, type Dropd
 export { DynamicIcon, type DynamicIconName, type DynamicIconProps } from './dynamic-icon';
 export { Empty, type EmptyProps } from './empty';
 export { Flex, type FlexProps } from './flex';
+export { FlexCard, type FlexCardProps } from './flex-card';
 export { FlipText, type FlipTextProps } from './flip-text';
 export { FloatButton, type FloatButtonProps } from './float-button';
 export { createFormOptions, useForm, useFormContext, useFormStore, withFieldGroup, withForm } from './form';
 export type * from './form';
+export { FormDrawer, type FormDrawerProps } from './form-drawer';
+export { FormModal, type FormModalProps } from './form-modal';
 export { Grid, useGridCollapsed, type GridItemProps, type GridProps } from './grid';
 export { Group, type GroupProps } from './group';
 export { Icon, type IconProps } from './icon';
@@ -45,14 +51,18 @@ export { InputNumber, type InputNumberProps } from './input-number';
 export { Keyboard, type KeyboardProps } from './keyboard';
 export { List, type ListGridType, type ListItemMetaProps, type ListItemProps, type ListProps } from './list';
 export { Loader, type LoaderProps } from './loader';
+export { LogoIcon, type LogoIconProps } from './logo-icon';
 export { Mentions, type MentionsOption, type MentionsProps } from './mentions';
 export { Menu, type MenuDividerType, type MenuItem, type MenuItemGroupType, type MenuItemType, type MenuProps, type SubMenuType } from './menu';
 export { Modal, type ModalProps } from './modal';
 export { OperationButton, type OperationButtonProps } from './operation-button';
+export { Page, useViewportHeight, type PageProps } from './page';
 export { Pagination, type PaginationProps } from './pagination';
 export { PermissionGate, type PermissionGateProps } from './permission-gate';
 export { Popconfirm, type PopconfirmProps } from './popconfirm';
 export { Popover, type PopoverProps } from './popover';
+export { ProSearch, type ProSearchProps } from './pro-search';
+export { OperationButtonGroup, ProTable, ProTableSubscriber, type ColumnSettingsConfig, type ColumnSettingsProp, type OperationButtonGroupProps, type OperationColumnConfig, type ParamsWithPagination, type ParamsWithSort, type ProTableProps, type ProTableRef, type ProTableState, type ProTableSubscriberProps, type RowSelectionConfig } from './pro-table';
 export { Progress, type ProgressProps } from './progress';
 export { QRCode, type QRCodeProps } from './qrcode';
 export { Radio, type RadioGroupProps, type RadioOption, type RadioProps } from './radio';

package/dist/types/logo-icon/index.d.ts

@@ -0,0 +1,3 @@
+import { LogoIconProps } from './props';
+export declare function LogoIcon({ primaryColor, ...props }: LogoIconProps): React.ReactElement;
+export type { LogoIconProps } from './props';

package/dist/types/logo-icon/props.d.ts

@@ -0,0 +1,4 @@
+import { SVGProps } from 'react';
+export interface LogoIconProps extends SVGProps<SVGSVGElement> {
+    primaryColor?: string;
+}

package/dist/types/page/components/aside-panel.d.ts

@@ -0,0 +1,11 @@
+import { SerializedStyles } from '@emotion/react';
+import { ReactNode } from 'react';
+import { AsideWidth } from '../props';
+export interface AsidePanelProps {
+    children: ReactNode;
+    className?: string;
+    containerStyle: SerializedStyles;
+    position: "left" | "right";
+    width?: AsideWidth;
+}
+export declare function AsidePanel({ children, className, containerStyle, position, width }: AsidePanelProps): import("@emotion/react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,3 @@
+export { AsidePanel } from './aside-panel';
+export { ResizeHandle } from './resize-handle';
+export { ScrollContent } from './scroll-content';

package/dist/types/page/components/resize-handle.d.ts

@@ -0,0 +1,7 @@
+import { MouseEvent, default as React } from 'react';
+export interface ResizeHandleProps {
+    isDragging: boolean;
+    position: "left" | "right";
+    onMouseDown: (event: MouseEvent) => void;
+}
+export declare function ResizeHandle({ isDragging, position, onMouseDown }: ResizeHandleProps): React.JSX.Element;

package/dist/types/page/components/scroll-content.d.ts

@@ -0,0 +1,8 @@
+import { PropsWithChildren, ReactNode } from 'react';
+interface ScrollContentProps extends PropsWithChildren {
+    className?: string;
+    actionBar?: ReactNode;
+    actionBarClassName?: string;
+}
+export declare function ScrollContent({ className, actionBar, actionBarClassName, children }: ScrollContentProps): React.JSX.Element;
+export {};

package/dist/types/page/hooks/index.d.ts

@@ -0,0 +1,2 @@
+export { usePageKey } from './use-page-key';
+export { useResize } from './use-resize';

package/dist/types/page/hooks/use-page-key.d.ts

@@ -0,0 +1 @@
+export declare function usePageKey(): number;

package/dist/types/page/hooks/use-resize.d.ts

@@ -0,0 +1,15 @@
+import { MouseEvent as ReactMouseEvent } from 'react';
+export interface UseResizeOptions {
+    defaultWidth: number;
+    minWidth?: number;
+    maxWidth?: number;
+    /**
+     * true for left panel (drag right to increase), false for right panel (drag left to increase)
+     */
+    isLeftPanel?: boolean;
+}
+export declare function useResize(options: UseResizeOptions): {
+    width: number;
+    isDragging: boolean;
+    handleMouseDown: (event: ReactMouseEvent) => void;
+};

package/dist/types/page/index.d.ts

@@ -0,0 +1,4 @@
+import { PageProps } from './props';
+export declare function Page({ className, mainClassName, leftAside, leftAsideClassName, leftAsideWidth, rightAside, rightAsideClassName, rightAsideWidth, header, headerClassName, headerPosition, footer, footerClassName, footerPosition, actionBar, actionBarClassName, scrollable, scrollMargin, margin, gap, children }: PageProps): import("@emotion/react/jsx-runtime").JSX.Element;
+export { type AsideWidth, type PageProps, type Position, type ResizableWidth } from './props';
+export { useViewportHeight } from './viewport-context';

package/dist/types/page/props.d.ts

@@ -0,0 +1,140 @@
+import { Length } from '../_base';
+import { PropsWithChildren, ReactNode } from 'react';
+/**
+ * Position type for header and footer.
+ * - `"inside"`: Inside the main content area
+ * - `"outside"`: Spans the full width of the page (including asides)
+ */
+export type Position = "inside" | "outside";
+/**
+ * Resizable width configuration for aside panels.
+ */
+export interface ResizableWidth {
+    /**
+     * Default width of the panel.
+     */
+    defaultWidth?: Length;
+    /**
+     * Minimum width constraint.
+     */
+    minWidth?: Length;
+    /**
+     * Maximum width constraint.
+     */
+    maxWidth?: Length;
+}
+/**
+ * Width type: fixed value or resizable configuration.
+ * - `string | number`: Fixed width, not resizable
+ * - `ResizableWidth`: Resizable with optional constraints
+ */
+export type AsideWidth = Length | ResizableWidth;
+/**
+ * The props of the Page component.
+ */
+export interface PageProps extends PropsWithChildren {
+    /**
+     * The class name of the page container.
+     */
+    className?: string;
+    /**
+     * Whether the page container has margin.
+     * When true, applies var(--vef-spacing-md) margin to the container.
+     *
+     * @default false
+     */
+    margin?: boolean;
+    /**
+     * The gap between grid cells.
+     *
+     * @default "var(--vef-spacing-md)"
+     */
+    gap?: Length;
+    /**
+     * The class name of the main content area.
+     */
+    mainClassName?: string;
+    /**
+     * The left aside content of the page.
+     */
+    leftAside?: ReactNode;
+    /**
+     * The class name of the left aside.
+     */
+    leftAsideClassName?: string;
+    /**
+     * The width of the left aside.
+     * - `number | string`: Fixed width
+     * - `{ defaultWidth?, minWidth?, maxWidth? }`: Resizable with constraints
+     *
+     * @default 280
+     */
+    leftAsideWidth?: AsideWidth;
+    /**
+     * The right aside content of the page.
+     */
+    rightAside?: ReactNode;
+    /**
+     * The class name of the right aside.
+     */
+    rightAsideClassName?: string;
+    /**
+     * The width of the right aside.
+     * - `number | string`: Fixed width
+     * - `{ defaultWidth?, minWidth?, maxWidth? }`: Resizable with constraints
+     *
+     * @default 280
+     */
+    rightAsideWidth?: AsideWidth;
+    /**
+     * The header of the page.
+     */
+    header?: ReactNode;
+    /**
+     * The class name of the header.
+     */
+    headerClassName?: string;
+    /**
+     * The position of the header.
+     * - `"inside"`: Header is inside the main content area (default)
+     * - `"outside"`: Header spans the full width of the page (including asides)
+     *
+     * @default "inside"
+     */
+    headerPosition?: Position;
+    /**
+     * The footer of the page.
+     */
+    footer?: ReactNode;
+    /**
+     * The class name of the footer.
+     */
+    footerClassName?: string;
+    /**
+     * The position of the footer.
+     * - `"inside"`: Footer is inside the main content area (default)
+     * - `"outside"`: Footer spans the full width of the page (including asides)
+     *
+     * @default "inside"
+     */
+    footerPosition?: Position;
+    /**
+     * The action bar of the page.
+     */
+    actionBar?: ReactNode;
+    /**
+     * The class name of the action bar.
+     */
+    actionBarClassName?: string;
+    /**
+     * Whether the page main content is scrollable.
+     */
+    scrollable?: boolean;
+    /**
+     * Whether the scrollable content has automatic margin for scrollbar spacing.
+     * Only effective when scrollable is true.
+     *
+     * @default false
+     */
+    scrollMargin?: boolean;
+}

package/dist/types/page/styles.d.ts

@@ -0,0 +1,17 @@
+import { SerializedStyles } from '@emotion/serialize';
+export declare const page: SerializedStyles;
+export declare const leftAside: SerializedStyles;
+export declare const rightAside: SerializedStyles;
+export declare const asideContent: SerializedStyles;
+export declare const resizeHandleGrip: SerializedStyles;
+export declare const resizeHandleLeft: SerializedStyles;
+export declare const resizeHandleRight: SerializedStyles;
+export declare const main: SerializedStyles;
+export declare const header: SerializedStyles;
+export declare const headerOutside: SerializedStyles;
+export declare const content: SerializedStyles;
+export declare const scrollWrapper: SerializedStyles;
+export declare const scrollContainer: SerializedStyles;
+export declare const footer: SerializedStyles;
+export declare const footerOutside: SerializedStyles;
+export declare const actionBar: SerializedStyles;

package/dist/types/page/viewport-context.d.ts

@@ -0,0 +1,7 @@
+import { Provider } from 'react';
+/**
+ * Hook to get the viewport height from Page component.
+ * Must be used within Page component with scrollable prop set to true.
+ */
+export declare function useViewportHeight(): number;
+export declare const ViewportProvider: Provider<number | null>;

package/dist/types/pro-search/components/advanced-search-toggler.d.ts

@@ -0,0 +1,7 @@
+import { MemoExoticComponent } from 'react';
+interface AdvancedSearchTogglerProps {
+    isVisible: boolean;
+    onToggle: () => void;
+}
+export declare const AdvancedSearchToggler: MemoExoticComponent<({ isVisible, onToggle }: AdvancedSearchTogglerProps) => import("@emotion/react/jsx-runtime").JSX.Element>;
+export {};

package/dist/types/pro-search/components/advanced-search.d.ts

@@ -0,0 +1,6 @@
+import { PropsWithChildren, MemoExoticComponent } from 'react';
+interface AdvancedSearchProps {
+    isVisible: boolean;
+}
+export declare const AdvancedSearch: MemoExoticComponent<({ children, isVisible }: PropsWithChildren<AdvancedSearchProps>) => import("@emotion/react/jsx-runtime").JSX.Element>;
+export {};

package/dist/types/pro-search/components/index.d.ts

@@ -0,0 +1,3 @@
+export { AdvancedSearch } from './advanced-search';
+export { AdvancedSearchToggler } from './advanced-search-toggler';
+export { SearchActions } from './search-actions';

package/dist/types/pro-search/components/search-actions.d.ts

@@ -0,0 +1,10 @@
+import { ProSearchProps } from '../props';
+import { MemoExoticComponent } from 'react';
+interface SearchActionsProps {
+    loading?: boolean;
+    searchButtonProps?: ProSearchProps<never>["searchButtonProps"];
+    resetButtonProps?: ProSearchProps<never>["resetButtonProps"];
+    onReset?: () => void;
+}
+export declare const SearchActions: MemoExoticComponent<({ loading, searchButtonProps, resetButtonProps, onReset }: SearchActionsProps) => import("@emotion/react/jsx-runtime").JSX.Element>;
+export {};

package/dist/types/pro-search/index.d.ts

@@ -0,0 +1,5 @@
+import { Awaitable } from '@vef-framework-react/shared';
+import { FC, ReactNode } from 'react';
+import { ProSearchProps } from './props';
+export declare const ProSearch: (<TValues = unknown>(props: ProSearchProps<TValues>) => Awaitable<ReactNode>) & Pick<FC, "displayName">;
+export type { ProSearchProps } from './props';

package/dist/types/pro-search/props.d.ts

@@ -0,0 +1,66 @@
+import { ResetButtonProps, SubmitButtonProps } from '../form';
+import { Except } from '@vef-framework-react/shared';
+import { ReactNode } from 'react';
+/**
+ * Props for the ProSearch component
+ *
+ * @template TValues - The type of the search form values
+ */
+export interface ProSearchProps<TValues = unknown> {
+    /**
+     * CSS class name
+     */
+    className?: string;
+    /**
+     * Default search values
+     */
+    defaultValues?: TValues;
+    /**
+     * Extra content on the left side
+     */
+    extra?: ReactNode;
+    /**
+     * Basic search content
+     */
+    basicSearch?: ReactNode;
+    /**
+     * Advanced search content
+     */
+    advancedSearch?: ReactNode;
+    /**
+     * Disabled state
+     */
+    disabled?: boolean;
+    /**
+     * Loading state
+     */
+    loading?: boolean;
+    /**
+     * Search button props
+     */
+    searchButtonProps?: Except<SubmitButtonProps, "onSubmit" | "disabled" | "loading">;
+    /**
+     * Reset button props, or false to hide the reset button
+     */
+    resetButtonProps?: Except<ResetButtonProps, "onReset" | "disabled" | "loading"> | false;
+    /**
+     * Callback when search values change
+     */
+    onSearch?: (values: NoInfer<TValues>) => void;
+    /**
+     * Callback when search is reset
+     */
+    onReset?: (defaultValues?: NoInfer<TValues>) => void;
+    /**
+     * Whether advanced search is visible by default (uncontrolled)
+     */
+    defaultAdvancedSearchVisible?: boolean;
+    /**
+     * Whether advanced search is visible (controlled)
+     */
+    advancedSearchVisible?: boolean;
+    /**
+     * Callback when advanced search visibility changes
+     */
+    onAdvancedSearchVisibleChange?: (visible: boolean) => void;
+}

package/dist/types/pro-search/styles.d.ts

@@ -0,0 +1,6 @@
+import { SerializedStyles } from '@emotion/serialize';
+export declare const content: SerializedStyles;
+export declare const contentLeft: SerializedStyles;
+export declare const contentRight: SerializedStyles;
+export declare const advancedSearchToggler: SerializedStyles;
+export declare const advancedSearch: SerializedStyles;

package/dist/types/pro-table/components/column-setting-item.d.ts

@@ -0,0 +1,12 @@
+import { Key } from '@vef-framework-react/shared';
+import { ReactNode, NamedExoticComponent } from 'react';
+interface ColumnSettingItemProps {
+    columnId: Key;
+    title: ReactNode;
+    fixed?: "start" | "end" | false;
+    width?: number;
+    visible: boolean;
+    index: number;
+}
+export declare const ColumnSettingItem: NamedExoticComponent<ColumnSettingItemProps>;
+export {};

package/dist/types/pro-table/components/column-settings-panel.d.ts

@@ -0,0 +1,2 @@
+import { MemoExoticComponent } from 'react';
+export declare const ColumnSettingsPanel: MemoExoticComponent<() => import("@emotion/react/jsx-runtime").JSX.Element>;

package/dist/types/pro-table/components/column-settings.d.ts

@@ -0,0 +1,6 @@
+import { NamedExoticComponent } from 'react';
+interface ColumnSettingsProps {
+    className?: string;
+}
+export declare const ColumnSettings: NamedExoticComponent<ColumnSettingsProps>;
+export {};

package/dist/types/pro-table/components/index.d.ts

@@ -0,0 +1,8 @@
+export { ColumnSettingItem } from './column-setting-item';
+export { ColumnSettings } from './column-settings';
+export { ColumnSettingsPanel } from './column-settings-panel';
+export { OperationButtonGroup, type OperationButtonGroupProps } from './operation-button-group';
+export { ProTableRefHolder } from './ref';
+export { NonPaginatedTable, PaginatedTable } from './table';
+export { TableSubscriber, type TableSubscriberProps } from './table-subscriber';
+export { WidthPopover } from './width-popover';

package/dist/types/pro-table/components/operation-button-group.d.ts

@@ -0,0 +1,7 @@
+import { FC, ReactNode } from 'react';
+import { ProTableState } from '../store';
+export interface OperationButtonGroupProps<TSelected = NoInfer<ProTableState>> {
+    selector?: (state: NoInfer<ProTableState>) => TSelected;
+    children: ((state: NoInfer<TSelected>) => ReactNode) | ReactNode;
+}
+export declare const OperationButtonGroup: (<TSelected = NoInfer<ProTableState>>(props: OperationButtonGroupProps<TSelected>) => ReactNode) & Pick<FC, "displayName">;

package/dist/types/pro-table/components/ref.d.ts

@@ -0,0 +1,3 @@
+import { PropsWithRef } from '../../_base';
+import { ProTableRef } from '../types';
+export declare function ProTableRefHolder({ ref }: PropsWithRef<ProTableRef>): null;

package/dist/types/pro-table/components/table-subscriber.d.ts

@@ -0,0 +1,9 @@
+import { FC, ReactNode } from 'react';
+import { ProTableState } from '../store';
+export interface TableSubscriberProps<TSelected = NoInfer<ProTableState>, TRow = unknown> {
+    selector?: (state: NoInfer<ProTableState> & {
+        data: readonly TRow[];
+    }) => TSelected;
+    children: ((state: NoInfer<TSelected>) => ReactNode) | ReactNode;
+}
+export declare const TableSubscriber: (<TSelected = NoInfer<ProTableState>>(props: TableSubscriberProps<TSelected>) => ReactNode) & Pick<FC, "displayName">;

package/dist/types/pro-table/components/table-summary.d.ts

@@ -0,0 +1,7 @@
+import { ReactNode, NamedExoticComponent } from 'react';
+interface TableSummaryProps {
+    summary: ReactNode;
+    data: readonly unknown[];
+}
+export declare const TableSummary: NamedExoticComponent<TableSummaryProps>;
+export {};

package/dist/types/pro-table/components/table-title.d.ts

@@ -0,0 +1,7 @@
+import { ReactNode, NamedExoticComponent } from 'react';
+interface TableTitleProps {
+    title: ReactNode;
+    data: readonly unknown[];
+}
+export declare const TableTitle: NamedExoticComponent<TableTitleProps>;
+export {};

package/dist/types/pro-table/components/table.d.ts

@@ -0,0 +1,12 @@
+import { AnyObject } from '@vef-framework-react/shared';
+import { NonPaginatedProTableProps, PaginatedProTableProps } from '../props';
+import { ColumnSettingsProp } from '../types';
+type PaginatedTableProps<TRow extends AnyObject, TParams extends AnyObject> = Pick<PaginatedProTableProps<TRow, TParams>, "className" | "style" | "size" | "queryFn" | "queryEnabled" | "queryParams" | "columns" | "rowKey" | "rowSelection" | "showSequenceColumn" | "operationColumn" | "selectedRowKeys" | "virtual" | "title" | "summary" | "onSelectedRowKeysChange"> & {
+    columnSettings: ColumnSettingsProp;
+};
+type NonPaginatedTableProps<TRow extends AnyObject, TParams extends AnyObject> = Pick<NonPaginatedProTableProps<TRow, TParams>, "className" | "style" | "size" | "queryFn" | "queryEnabled" | "queryParams" | "columns" | "rowKey" | "rowSelection" | "showSequenceColumn" | "operationColumn" | "selectedRowKeys" | "virtual" | "title" | "summary" | "onSelectedRowKeysChange"> & {
+    columnSettings: ColumnSettingsProp;
+};
+export declare function PaginatedTable<TRow extends AnyObject, TParams extends AnyObject>({ className, style, size, queryFn, columns, columnSettings, rowKey, rowSelection, queryEnabled, queryParams, showSequenceColumn, operationColumn, selectedRowKeys, virtual, title, summary, onSelectedRowKeysChange }: PaginatedTableProps<TRow, TParams>): import("@emotion/react/jsx-runtime").JSX.Element;
+export declare function NonPaginatedTable<TRow extends AnyObject, TParams extends AnyObject>({ className, style, size, queryFn, columns, columnSettings, rowKey, rowSelection, queryEnabled, queryParams, showSequenceColumn, operationColumn, selectedRowKeys, virtual, title, summary, onSelectedRowKeysChange }: NonPaginatedTableProps<TRow, TParams>): import("@emotion/react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/pro-table/components/width-popover.d.ts

@@ -0,0 +1,9 @@
+import { ReactNode, NamedExoticComponent } from 'react';
+interface WidthPopoverProps {
+    currentWidth?: number;
+    disabled?: boolean;
+    children: ReactNode;
+    onWidthChange: (width: number) => void;
+}
+export declare const WidthPopover: NamedExoticComponent<WidthPopoverProps>;
+export {};

package/dist/types/pro-table/context.d.ts

@@ -0,0 +1,5 @@
+import { Provider } from 'react';
+export declare const DataProvider: Provider<readonly unknown[]>;
+export declare function useData(): readonly unknown[];
+export declare const ColumnSettingsStorageKeyProvider: Provider<string | undefined>;
+export declare function useColumnSettingsStorageKey(): string | undefined;

package/dist/types/pro-table/event.d.ts

@@ -0,0 +1,16 @@
+import { EventEmitter } from '@vef-framework-react/shared';
+export type ProTableEvents = {
+    /**
+     * Trigger table data refetch
+     */
+    refetch: void;
+    /**
+     * Emitted when table starts loading data
+     */
+    loading: void;
+    /**
+     * Emitted when table finishes loading data
+     */
+    loaded: void;
+};
+export declare function createEventEmitter(): EventEmitter<ProTableEvents>;

package/dist/types/pro-table/hooks/index.d.ts

@@ -0,0 +1,3 @@
+export { clearColumnSettingsStorage, useColumnSettingsPersistence } from './use-column-settings-persistence';
+export { useRowSelection } from './use-row-selection';
+export { useTableColumns } from './use-table-columns';

package/dist/types/pro-table/hooks/use-column-settings-persistence.d.ts

@@ -0,0 +1,7 @@
+export declare function clearColumnSettingsStorage(storageKey: string): {
+    skipNextSave: () => void;
+};
+/**
+ * Hook to handle column settings persistence to localStorage
+ */
+export declare function useColumnSettingsPersistence(storageKey: string | undefined): void;

package/dist/types/pro-table/hooks/use-row-selection.d.ts

@@ -0,0 +1,7 @@
+import { TableRowSelection } from '../../table';
+import { Key } from '@vef-framework-react/shared';
+import { RowSelectionConfig } from '../types';
+/**
+ * Hook to create row selection configuration for ProTable.
+ */
+export declare function useRowSelection<TRow>(config: RowSelectionConfig<TRow> | true | undefined, selectedRowKeys?: Key[], onSelectedRowKeysChange?: (selectedRowKeys: Key[], selectedRows: TRow[]) => void): TableRowSelection<TRow> | undefined;

package/dist/types/pro-table/hooks/use-table-columns.d.ts

@@ -0,0 +1,13 @@
+import { TableColumn } from '../../table';
+import { AnyObject } from '@vef-framework-react/shared';
+import { ColumnSettingsProp, OperationColumnConfig } from '../types';
+/**
+ * The hook to use the table columns.
+ *
+ * @param tableColumns - The columns of the table.
+ * @param operationColumn - The operation column of the table.
+ * @param showSequenceColumn - Whether to show the sequence column. Default is true.
+ * @param columnSettingsProp - Column settings configuration.
+ * @returns The table columns.
+ */
+export declare function useTableColumns<TRow extends AnyObject>(tableColumns: Array<TableColumn<TRow>>, operationColumn?: OperationColumnConfig<TRow>, showSequenceColumn?: boolean, columnSettingsProp?: ColumnSettingsProp): Array<TableColumn<TRow>>;

package/dist/types/pro-table/index.d.ts

@@ -0,0 +1,11 @@
+import { AnyObject, Awaitable } from '@vef-framework-react/shared';
+import { FC, ReactNode } from 'react';
+import { ProTableProps } from './props';
+import { ProTableRef } from './types';
+export declare const ProTable: (<TRow extends AnyObject, TParams extends AnyObject>(props: ProTableProps<TRow, TParams> & {
+    ref?: React.Ref<ProTableRef>;
+}) => Awaitable<ReactNode>) & Pick<FC, "displayName">;
+export { OperationButtonGroup, TableSubscriber as ProTableSubscriber, type OperationButtonGroupProps, type TableSubscriberProps as ProTableSubscriberProps } from './components';
+export type { ProTableProps } from './props';
+export type { ProTableState } from './store';
+export type { ColumnSettingsConfig, ColumnSettingsProp, OperationColumnConfig, ParamsWithPagination, ParamsWithSort, ProTableRef, RowSelectionConfig } from './types';