sera-components 1.7.0 → 1.8.0

package/dist/misc/index.d.ts

@@ -4,3 +4,4 @@ export * from './transition';
 export * from './menu';
 export * from './locale';
 export * from './row';
+export * from './pop-confirm';

package/dist/misc/pop-confirm.d.ts

@@ -0,0 +1,29 @@
+import { MultiLingualString as MLS } from 'sera-db';
+import { ButtonProps, PopoverProps } from '@mantine/core';
+export interface PopConfirmProps {
+    /** The element that triggers the popconfirm */
+    children: React.ReactNode;
+    /** Title/message shown in the popconfirm */
+    title: React.ReactNode;
+    /** Callback when confirm button is clicked */
+    onConfirm: () => void;
+    /** Callback when cancel button is clicked */
+    onCancel?: () => void;
+    /** Label for confirm button. Defaults to "Confirm" / "Xác nhận" */
+    confirmLabel?: MLS;
+    /** Label for cancel button. Defaults to "Cancel" / "Hủy" */
+    cancelLabel?: MLS;
+    /** Props for the confirm button */
+    confirmProps?: Omit<ButtonProps, "onClick">;
+    /** Props for the cancel button */
+    cancelProps?: Omit<ButtonProps, "onClick">;
+    /** Props for the Popover component */
+    popoverProps?: Omit<PopoverProps, "opened" | "onClose" | "children">;
+    /** Whether the popconfirm is disabled */
+    disabled?: boolean;
+}
+/**
+ * A popover-based confirmation component similar to AntDesign's Popconfirm.
+ * Wraps a trigger element and shows a confirmation popover when clicked.
+ */
+export declare const PopConfirm: ({ children, title, onConfirm, onCancel, confirmLabel, cancelLabel, confirmProps, cancelProps, popoverProps, disabled, }: PopConfirmProps) => import("react/jsx-runtime").JSX.Element;

package/dist/table/make-columns.d.ts

@@ -53,10 +53,12 @@ export interface SeraColumn<R> {
  * - Object properties with other cardinalities use SingleForeignKeyDisplay
  * - Non-object properties use components from DataType2DisplayComponent mapping
  */
-export declare function makeTableColumn<R>(db: DB, property: DOP, { title, nestedKey, component, }?: {
+export declare function makeTableColumn<R>(db: DB, property: DOP, { title, nestedKey, component, rowSpan, colSpan, }?: {
     title?: React.ReactNode;
     nestedKey?: string;
     component?: React.ComponentType<DisplayInterface<any>>;
+    rowSpan?: (record: R, rowIndex: number) => number | undefined;
+    colSpan?: (record: R, rowIndex: number) => number | undefined;
 }): SeraColumn<R>;
 export declare function makeTableColumnFromNestedProperty<R>(db: DB, property: DOP, nestedProperty: DOP, { title, nestedKey, component, }?: {
     title?: React.ReactNode;

package/dist/table/table-action.d.ts

@@ -2,7 +2,7 @@ import { MantineSize } from '@mantine/core';
 export interface SeraActionConfig<ID extends string | number> {
     add?: () => void;
     edit?: (id: ID) => void;
-    delete?: () => void;
+    delete?: (ids: ID[]) => void;
     export?: () => void;
     reload?: boolean;
     import?: () => void;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "sera-components",
   "private": false,
-  "version": "1.7.0",
+  "version": "1.8.0",
   "type": "module",
   "files": [
     "dist"